Question

如何为GridView的特定列编写选择器？我想在鼠标悬停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 DataBound

 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

Answer 1

在itemtemplate中，包含一个像这样的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() { });将事件绑定到列中的每个单元格。

jQuery选择器ASP.NET GridView列

1 个答案: