首页 > 代码库 > 关于datagrid中控件利用js调用后台方法事件的问题

关于datagrid中控件利用js调用后台方法事件的问题

前台调用后台方法除了用button的click事件,还可以用js调用

 一、前台页面如图

技术分享

 

需求点击这个按钮触发后台事件,从而能够调用存储过程

技术分享

<epoint:HyperLinkColumn HeaderText="考评算分" Name="SetUp" NavigateText="<div class=‘small-icon small-icon-setting‘></div>"  IsAutoWidth="true">
<ItemStyle HorizontalAlign="Center" Width="50px" />
<ItemTemplate >
<div class=‘small-icon small-icon-setting‘ onclick="ShowSetting(‘<%#Convert.ToString(Eval("RowGuid"))%>‘);"></div>//调用js
</ItemTemplate>
</epoint:HyperLinkColumn>

技术分享

 二、js方法

技术分享

 

pagemethod定义可以参考这个链接查看

1.页面中需要添加ScriptManager组件,然后将它的EnablePageMethods属性设置为True。

2.编写页面方法时也要向调用WebService一样,在方法前加[WebMethod],调用WebService与PageMethods其实是同出一辙,原理都是一样的。

  <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>

技术分享

最后大功告成!

关于datagrid中控件利用js调用后台方法事件的问题