jQuery Selector ASP.NET GridView列

如何为GridView的特定列编写选择器？我想在GridView列的鼠标悬停上做些什么。我想这样做一次。这里是我的GridView：jQuery Selector ASP.NET 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

来源

2011-04-05 Shahin

你可以发布生成的html吗？ – Alex 2011-04-05 04:45:56

当然是的，我做到了。 – Shahin 2011-04-05 04:58:19

它是“删除”列还是另一列？ – 2011-04-05 05:11:23

在你的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() { });将事件绑定到列中的每个单元格。

来源

2011-04-05 05:16:13 chprpipr

jQuery Selector ASP.NET GridView列

回答

相关问题