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

我们在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服务器标签转成客户端标签的时候,这个是不绑定数据的(也就是页面查找不到这个列的信息)

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

 

 网上找了两种方法

方法1:使用模板数据字段(可以隐藏列,但是会出现空白列的位置)

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

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

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

 

 方法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;
}

效果如下

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

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

 

最后,我采用方法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>

 

上一篇:从exel表格导入数据


下一篇:lumen简单使用exel组件