从Gridview链接按钮调用jQuery函数

时间:2016-08-30 05:56:35

标签: c# jquery asp.net gridview

在我的应用程序中,我有一个jQuery函数,我想从gridview链接按钮调用此函数。我尝试了此处显示的此代码,但未调用该函数:

 <asp:GridView ID="gridView1" runat="server" CssClass="mydatagrid" 
      HeaderStyle-CssClass="header" RowStyle-CssClass="rows" 
      AutoGenerateColumns="false"
      PageSize="10" EmptyDataText="No Records Available">
      <HeaderStyle CssClass="header"></HeaderStyle>
      <PagerStyle ForeColor="Red" HorizontalAlign="Center"></PagerStyle>
      <Columns>
          <asp:BoundField DataField="Id" HeaderText="Id" />
          <asp:BoundField DataField="Name" HeaderText="Name" />
          <asp:TemplateField HeaderText="CustomerID">
              <ItemTemplate>
                  <asp:LinkButton runat="server" ID="lnkCustomer" Text='<%#Eval("Name") %>'>
                  </asp:LinkButton>
              </ItemTemplate>
          </asp:TemplateField>
      </Columns>
      <RowStyle CssClass="rows"></RowStyle>
   </asp:GridView>
</div>       
<div id="dialog" style="display: none">

Aspx标记:

if ($(".msg").length > 0) {
    $('table').hide();
}

如何从gridview链接按钮调用jQuery函数?

提前致谢。

2 个答案:

答案 0 :(得分:0)

不要通过id调用函数,因为它会为每行生成多个ID。 您可以通过javascript简单地附加客户端事件onclick =&#39; myTestFun();&#39;到LinkBut​​ton。

答案 1 :(得分:0)

首先,您可以在脚本部分声明函数,然后添加OnClientClick的{​​{1}}属性。

ASPX代码

LinkButton

JS代码

<asp:LinkButton runat="server" ID="lnkCustomer" Text='<%#Eval("Name") %>'
OnClientClick="OpenModel();" > </asp:LinkButton>