2013-11-21 4 views
1

У меня есть один метод в кодировании с использованием C#. Теперь, я хочу называть его onClick событие кнопки, используя jQuery, который находится в части дизайна.

Пожалуйста, помогите мне решить проблему.

Ознакомьтесь с нижеприведенным кодом.
Метод вызова на стороне сервера в методе onclick в jQuery

.aspx Page

$("#SubmitButton").click(function() { 
// Call method BindData(); 
}); 


.aspx.cs Page

public void BindData() 
{ 
     // Code to bind datalist 
} 
+0

Вы хотите назвать это как? Это веб-формы или MVC? –

+0

это веб-форма. У меня есть событие нажатия кнопки, используя jQuery на странице .aspx. И метод находится на странице .aspx.cs. Я хочу вызвать этот метод при нажатии кнопки jQuery. –

+0

И это просто метод, который вы написали, или это событие 'Click' кнопки' Button', которую вы хотите выполнить? –

ответ

1

ASPX

<script type="text/javascript"> 
    function myFunction() { 
     // some stuff 
     return true; // important 
    } 
</script> 

<asp:Button runat="server" ID="SubmitButton" 
    OnClientClick="return myFunction();" 
    OnClick="SubmitButton_Click" /> 

Code-за

protected void SubmitButton_Click(object sender, EventArgs e) 
{ 
    BindData(); 
} 

Указав OnClientClick вы рассказываете свою кнопку, что он должен первым выполнить метод Javascript. Если метод возвращает false, нет обратной передачи. Однако, если он вернет true, также будет вызываться обработчик кнопки в коде.

+0

OP заявила, что у него есть серверная часть кода C#, которую он хочет выполнить. –

+0

@MichaelPerrenoud Я думал об этом по-другому :). Это, надеюсь, будет в порядке. – nphx

1

если я понимаю правильно, вы хотите что-то вроде этого

$("#SubmitButton").click(function() { 
     $.ajax({ 
      type: "POST", 
      url: "index.aspx/BindData", 
      contentType: "application/json; charset=utf-8", 
      data: JSON.stringify({ }), 
      dataType: "json",  
     }); 
    }); 

и сделать свой метод статического и добавить атрибут WebMethod как:

[WebMethod] 
public static void BindData() 
{ 
    // Code 
} 

, но вы не сможете изменить состояние сервера органы управления

+0

Вот как мне привязать datalist ??? –

+0

@JeetenParmar вы можете точно указать, что вы хотите сделать? возможно, предоставить больше кода и html – Grundy

0

в ваших css:

.hide 
{ 
    display:none; 
} 

затем

<asp:Button runat="server" id="btn" onclick="btn_OnClick" CssClass="hide"/> 
<div onclick="TestCall();return true;">Click Me !!</div> 


<script type="text/javascript"> 
function TestCall() 
{ 
    var btn = $('#<%= btn.ClientID %>'); 
    btn.click(); 
} 

</script> 

надежда, помогает вам;)

0

Добавить APSBUTTON набор OnClick метод на коде позади установите CssClass Скрыть средство объявить класс стиля содержат дисплей: нет, как этот

<style> 
.hide 
{ 
display:none; 
} 
</style> 

Кнопка Пример:

<asp:Button ID="Button1" runat="server" Text="Button" CssClass="hide" OnClick="Button1_Click" /> 

JavaScript Пример:

<script type="text/javascript"> 

//With jQuery 

$('#<%=Button1.ClientID%>').click(); 

</script> 

, которая должна быть работа в этом случае

удачи

Смежные вопросы