如何通过单击gridview标题调用javascript函数？

我有一个gridview，我正试图使它成为这样，每当有人点击标题文本时，它就会调用javascript函数

这是我的gridview代码

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false" CssClass="Grid"
        DataKeyNames="ID" >
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Button Text="X" runat="server" OnClick="deleteRow" CommandArgument='<%#Eval("ID") %>' />



                </ItemTemplate>
            </asp:TemplateField>

                                <asp:BoundField ItemStyle-Width="150px" DataField="ID" HeaderText="ID" />
                    <asp:BoundField ItemStyle-Width="150px" DataField="Site" HeaderText="Site" />
                    <asp:BoundField ItemStyle-Width="150px" DataField="Type" HeaderText="Type" />
                    <asp:BoundField ItemStyle-Width="150px" DataField="User" HeaderText="User" />
                    <asp:BoundField ItemStyle-Width="150px" DataField="Notes" HeaderText="Notes" />

        </Columns>
            <RowStyle  />
        <FooterStyle/>


        <SelectedRowStyle />
        <HeaderStyle />
    </asp:GridView>

---

有人能给我指出正确的方向吗？

好的，如果您想将

jquery

或

javascript

事件绑定到

GridView

标题，只需将一个类添加到

GridView

并用

单击

事件绑定即可。按以下步骤进行：

<HeaderStyle CssClass="GridViewHeaderRow"  />

代码中合并的完整示例如下所示：

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false" CssClass="Grid" DataKeyNames="ID">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Button Text="X" runat="server" OnClick="deleteRow" CommandArgument='<%# Eval("ID") %>' />
            </ItemTemplate>
        </asp:TemplateField>

        <asp:BoundField ItemStyle-Width="150px" DataField="ID" HeaderText="ID" />
        <asp:BoundField ItemStyle-Width="150px" DataField="Site" HeaderText="Site" />
        <asp:BoundField ItemStyle-Width="150px" DataField="Type" HeaderText="Type" />
        <asp:BoundField ItemStyle-Width="150px" DataField="User" HeaderText="User" />
        <asp:BoundField ItemStyle-Width="150px" DataField="Notes" HeaderText="Notes" />
    </Columns>
    <RowStyle />
    <FooterStyle />
    <SelectedRowStyle />
    <!-- Add the class here in your HeaderStyles -->
    <HeaderStyle CssClass="GridViewHeaderRow"  />
</asp:GridView>

<script>
    $(document).ready(function () {
        $('.GridViewRow').on('click', function () {
            alert('clicked');
            // Do whatever you want to do.
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.GridViewRow'）。在（'click'，函数（）{
警报（“点击”）；
//做你想做的事。
});
});

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false" CssClass="Grid" DataKeyNames="ID">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Button Text="X" runat="server" OnClick="deleteRow" CommandArgument='<%# Eval("ID") %>' />
            </ItemTemplate>
        </asp:TemplateField>

        <asp:BoundField ItemStyle-Width="150px" DataField="ID" HeaderText="ID" />
        <asp:BoundField ItemStyle-Width="150px" DataField="Site" HeaderText="Site" />
        <asp:BoundField ItemStyle-Width="150px" DataField="Type" HeaderText="Type" />
        <asp:BoundField ItemStyle-Width="150px" DataField="User" HeaderText="User" />
        <asp:BoundField ItemStyle-Width="150px" DataField="Notes" HeaderText="Notes" />
    </Columns>
    <RowStyle />
    <FooterStyle />
    <SelectedRowStyle />
    <!-- Add the class here in your HeaderStyles -->
    <HeaderStyle CssClass="GridViewHeaderRow"  />
</asp:GridView>

<script>
    $(document).ready(function () {
        $('.GridViewRow').on('click', function () {
            alert('clicked');
            // Do whatever you want to do.
        });
    });
</script>