jQuery Selector ASP.NET GridView Column

Question

how can i write a selector for specific column of GridView ? i want to do something on mouseover of a GridView Column. and i want to do it once. Here is my 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 Output :

<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

This is delete, delete is just a sample name for this question. — Shahin
– Shahin, Commented Apr 5, 2011 at 5:12

chprpipr · Accepted Answer · 2011-04-05 05:16:13Z

1

In your itemtemplate, include a CssClass like this:

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

If you also need the header to be selectable, then include the HeaderStyle-CssClass property as well.

Then you can use $("td.myRow").bind("mouseover", function() { }); to bind an event to each cell in the column.

answered Apr 5, 2011 at 5:16

chprpipr

2,02916 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Selector ASP.NET GridView Column

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related