jQuery 选择器 ASP.NET GridView 列

Posted 2023-05-09

【中文标题】jQuery 选择器 ASP.NET GridView 列

【英文标题】：jQuery Selector ASP.NET GridView Column

【发布时间】：2011-07-29 16:03:28

【问题描述】：

如何为 GridView 的特定列编写选择器？ 我想在 GridView 列的鼠标悬停时做一些事情。 我想做一次。 这是我的网格视图：

<asp:GridView AutoGenerateColumns="False" Width="100%" ID="grvUsers" runat="server">
        <Columns>
            <asp:TemplateField HeaderText="Delete">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
 </Columns>
    </asp:GridView>

html 输出：

<table cellspacing="0" rules="all" border="1" id="grvUsers" style="width:100%;border-collapse:collapse;">
    <tr>
        <th scope="col">Delete</th>
    </tr><tr>
        <td>
                <span id="grvUsers_Label1_0">23</span>
            </td>
    </tr>

</table>

GridView 数据绑定

 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim dr As DataRow
        Dim dt As New DataTable
        dt.Columns.Add("id")
        dr = dt.NewRow
        dr(0) = "23"
        dt.Rows.Add(dr)
        grvUsers.DataSource = dt
        grvUsers.DataBind()
    End Sub

【问题讨论】：

能把生成的html贴出来吗？

是Delete 列还是其他列？

这是删除，删除只是这个问题的一个示例名称。

【参考方案1】：

在您的项目模板中，包含这样的 CssClass：

<asp:TemplateField HeaderText="Delete" ItemStyle-CssClass="myRow">
    <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

如果您还需要标题是可选的，那么也包括 HeaderStyle-CssClass 属性。

然后您可以使用$("td.myRow").bind("mouseover", function() ); 将事件绑定到列中的每个单元格。