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

Posted 2020-08-14

前台调用后台方法除了用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>

最后大功告成！