Jquery 隐藏gridview列并在单击时获取它
我正在尝试学习将jquery与asp.net结合使用,我有一个gridview。我想在gridview中隐藏用户Id,但获取单击行的Id值。以下是我的gridview:Jquery 隐藏gridview列并在单击时获取它,jquery,asp.net,gridview,Jquery,Asp.net,Gridview,我正在尝试学习将jquery与asp.net结合使用,我有一个gridview。我想在gridview中隐藏用户Id,但获取单击行的Id值。以下是我的gridview: <asp:GridView ID="addGridControl" CssClass="mGrid" PagerStyle-CssClass="pgr" AllowPaging="true" PageSize="10" runat="server" AutoGenerateColumns="False" DataKeyN
<asp:GridView ID="addGridControl" CssClass="mGrid" PagerStyle-CssClass="pgr" AllowPaging="true" PageSize="10" runat="server" AutoGenerateColumns="False" DataKeyNames="CustomerID" DataSourceID="EntityDataSource1">
<Columns>
<asp:TemplateField Visible="false">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("CustomerId") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="CompanyName" HeaderText="CompanyName" SortExpression="CompanyName"></asp:BoundField>
<asp:BoundField DataField="ContactName" HeaderText="ContactName" SortExpression="ContactName"></asp:BoundField>
<asp:BoundField DataField="ContactTitle" HeaderText="ContactTitle" SortExpression="ContactTitle"></asp:BoundField>
<asp:BoundField DataField="Address" HeaderText="Address" SortExpression="Address"></asp:BoundField>
<asp:BoundField DataField="City" HeaderText="City" SortExpression="City"></asp:BoundField>
<asp:BoundField DataField="Region" HeaderText="Region" SortExpression="Region"></asp:BoundField>
<asp:BoundField DataField="PostalCode" HeaderText="PostalCode" SortExpression="PostalCode"></asp:BoundField>
<asp:BoundField DataField="Country" HeaderText="Country" SortExpression="Country"></asp:BoundField>
<asp:BoundField DataField="Phone" HeaderText="Phone" SortExpression="Phone"></asp:BoundField>
<asp:BoundField DataField="Fax" HeaderText="Fax" SortExpression="Fax"></asp:BoundField>
</Columns>
</asp:GridView>
我相信你一眼就能看出它不起作用。正确的方法是什么?您应该更换:
<asp:TemplateField Visible="false">
当Visible
属性设置为false
时,ASP.NET将从HTML输出中删除该控件。因此,客户端代码将找不到它
<asp:TemplateField Visible="false">
<asp:TemplateField HeaderStyle-CssClass="notVisible" ItemStyle-CssClass="notVisible" FooterStyle-CssClass="notVisible">
.notVisible
{
display: none;
}