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列

回答

相關問題