WebForm的gridView的添加隐藏列名并用Jquery获取

2021-09-28 14:34:48 阅读：241 来源： 互联网

标签：Jquery gridView 列名 asp WebForm CssClass 方法隐藏

我们在webForm项目中的gridView中添加一个隐藏列，按asp的写法是这样的

 <asp:BoundField DataField="PatientId" HeaderText="患者ID" SortExpression="PatientId"  Visible ="false"/>

  <asp:GridView ID="assignedDeviceGridView" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" >
     <Columns>                            
        <asp:BoundField DataField="PatientId" HeaderText="患者ID" SortExpression="PatientId"  Visible ="false"/>                             
        <asp:BoundField DataField="DeviceCode" HeaderText="设备序号" SortExpression="DeviceCode" />
        <asp:BoundField DataField="DeviceSpec" HeaderText="设备型号" SortExpression="DeviceSpec" />
        <asp:BoundField DataField="PatientName" HeaderText="患者名称" SortExpression="PatientName" />                                                                       
     </Columns>
  </asp:GridView>

但是在asp列名设置Visible ="false"时，webform服务器标签转成客户端标签的时候，这个是不绑定数据的（也就是页面查找不到这个列的信息）

网上找了两种方法

方法1：使用模板数据字段（可以隐藏列，但是会出现空白列的位置）

<asp:TemplateField >
　　  <ItemTemplate>　　　                                                                                 
　　    <asp:HiddenField ID="PatientId" runat="server" Value='<%#Eval("PatientId") %>'> </asp:HiddenField>
     </ItemTemplate>
</asp:TemplateField>

方法2：使用ItemStyle-CssClass、ControlStyle-CssClass、FooterStyle-CssClass、HeaderStyle-CssClass属性

<asp:BoundField DataField="PatientId" HeaderText="患者ID" SortExpression="PatientId" ItemStyle-CssClass="hiddenField" ControlStyle-CssClass="hiddenField" FooterStyle-CssClass="hiddenField"  HeaderStyle-CssClass="hiddenField"/>

调用样式名

.hiddenField {
    display:none;
}

效果如下

最后，我采用方法2，可以达到我们想要的效果，最终代码如下：

  <asp:GridView ID="assignedDeviceGridView" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" >
    <Columns>                            
       <asp:BoundField DataField="PatientId" HeaderText="患者ID" SortExpression="PatientId" ItemStyle-CssClass="hiddenField" ControlStyle-CssClass="hiddenField" FooterStyle-CssClass="hiddenField"  HeaderStyle-CssClass="hiddenField"/>                              
       <asp:BoundField DataField="DeviceCode" HeaderText="设备序号" SortExpression="DeviceCode" />
       <asp:BoundField DataField="DeviceSpec" HeaderText="设备型号" SortExpression="DeviceSpec" />
       <asp:BoundField DataField="PatientName" HeaderText="患者名称" SortExpression="PatientName" />                                                                       
    </Columns>
  </asp:GridView>

标签：Jquery,gridView,列名,asp,WebForm,CssClass,方法,隐藏
来源： https://www.cnblogs.com/xielong/p/15347743.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

WebForm的gridView的添加隐藏列名并用Jquery获取