2013-11-21 64 views
1

我有一個使用c#的後端編碼方法。現在,我想使用設計部分中的jQuery在按鈕的onClick事件上調用它。

請幫我解決問題。例如

查看下面的代碼。
在jQuery的onclick方法中調用服務器端方法

.aspx頁

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


.aspx.cs頁

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

你怎麼稱呼它怎麼樣?這是網絡形式還是MVC? –

+0

它是網頁表單。在.aspx頁面中使用jQuery我有按鈕單擊事件。方法在.aspx.cs頁面。我想調用jQuery按鈕點擊事件的方法。 –

+0

這只是你寫的一個方法,還是你想執行的'Button'的Click事件? –

回答

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" /> 

代碼隱藏

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> 

,應該是工作這種情況下

好運