datagrid的自定义和隐藏栏

easyui-datagrid 动态显示隐藏行 最近因为工作关系,用到了easyui,各种方便的同时也发现了不少问题。尤其是datagrid插件的动态隐藏显示行。现给出解决方案如下 阅读详情

<ASP:RadioButton id="chkVisible" GroupName="Col2Visible" runat="server"
                   AutoPostback="True" /> Visible &nbsp;
  <ASP:RadioButton id="chkNotVisible" GroupName="Col2Visible" runat="server"
                   AutoPostback="True" /> Hidden<p />

  <ASP:DataGrid id="MyDataGrid" runat="server"
       AutoGenerateColumns="False"   //注意这儿
       CellPadding="5"
       GridLines="None"
       HeaderStyle-BackColor="silver"
       HeaderStyle-HorizontalAlign="center"
       FooterStyle-BackColor="silver"
       ShowFooter="True"
       OnItemCommand="ShowInfo">
  <!--此处声明了itemCommand事件处理函数,用于处理button控件的点击-->
    <Columns>//用此元素指定要显示的栏

      <ASP:TemplateColumn HeaderText="" ItemStyle-BackColor="silver">
        <ItemTemplate>&nbsp;</ItemTemplate>
      </ASP:TemplateColumn>
       //第一栏为空
      <ASP:BoundColumn HeaderText="<b>Code</b>" DataField="ISBN" ItemStyle-BackColor="lightblue" />
      <ASP:BoundColumn HeaderText="<b>Book Title</b>" DataField="Title"/>
      <ASP:BoundColumn HeaderText="<b>Released</b>" DataField="PublicationDate" DataFormatString="{0:D}" ItemStyle-HorizontalAlign="right" ItemStyle-BackColor="yellow" />
   //使用datafield属性指定数据绑定源中的某个字段     
      <ASP:TemplateColumn HeaderText="" ItemStyle-BackColor="lightblue">
        <ItemTemplate>
          <ASP:Button id="cmdInfo" Text="More Info" CommandName="Info" runat="server" />
        </ItemTemplate>
      </ASP:TemplateColumn>
     //上面在第五栏放置asp:button,设置commmandnamw为info
      <ASP:TemplateColumn HeaderText="<b>Buy Now</b>" ItemStyle-BackColor="silver" ItemStyle-HorizontalAlign="center">
        <ItemTemplate>
          <ASP:CheckBox id="chkBuy" runat="server" />
        </ItemTemplate>
      </ASP:TemplateColumn>
   //此栏放置了checkbox。使用TemplateColumn和ItemTemplate可以添加不属于原来数据集部分的附加栏
    </Columns>
以下是脚本:
<script language="C#" runat="server">

 void Page_Load(Object sender, EventArgs e)
 {
  if (Page.IsPostBack)//判断是否显示第4栏(从1开始数)
  {
   // display or hide the "Release Date" column
   MyDataGrid.Columns[3].Visible = (chkVisible.Checked == true);
  }
  else
  {
   chkVisible.Checked = true;  // set default value
   BindDataGrid();     // create data set and bind grid
  }
 }

      //响应itemcommand事件
 //Object objSender是包含对触发该事件的控件的引用,DataGridCommandEventArgs objArgs对象包含该事件以及对该控件中当前行(即包含被激活的控件的行)的引用的详细资料。

 void ShowInfo(Object objSender, DataGridCommandEventArgs objArgs )
 {
  // runs when any command button in the grid is clicked
  // see if the CommandName of the clicked button was "Info"
  if (objArgs.CommandName == "Info")//使用commandname属性来判断是button
  {
   // get values of ISBN and Title from Text property of the table cells
   // for the current row returned in the objArgs parameter values
                       //得到被激发控件所在行的第二,三栏的值
   string strISBN = objArgs.Item.Cells[1].Text;
   string strTitle = objArgs.Item.Cells[2].Text;

   // display the informaion in the page - possibly extract from database?
   lblInfo.Text = "More information about the book:<br /><b>" + strTitle
       + "</b><br />(ISBN " + strISBN + ") goes here...";
  }
 }


 void BindDataGrid()
 {
  // get connection string from ../global/connect-strings.ascx user control
  string strConnect = ctlConnectStrings.OLEDBConnectionString;

  // create a SQL statement to select some rows from the database
  string strSelect = "SELECT * FROM BookList WHERE ISBN LIKE '%18610023%'";

  // create a variable to hold an instance of a DataReader object
  OleDbDataReader objDataReader;

  try
  {
   // create a new Connection object using the connection string
   OleDbConnection objConnect = new OleDbConnection(strConnect);

   // open the connection to the database
   objConnect.Open();

   // create a new Command using the connection object and select statement
   OleDbCommand objCommand = new OleDbCommand(strSelect, objConnect);

   // execute the SQL statement against the command to get the DataReader
   objDataReader = objCommand.ExecuteReader();
  }
  catch (Exception objError)
  {
   // display error details
   outError.InnerHtml = "<b>* Error while accessing data</b>.<br />"
        + objError.Message + "<br />" + objError.Source + "<p />";
   return;  // and stop execution
  }

  // set the DataSource property of the DataList
  MyDataGrid.DataSource = objDataReader;

  // and bind the control to the data
  MyDataGrid.DataBind();
 }

</script>

我的理解:当页面首次加载以及每次用户点击单选按钮时就会触发page_load,
但若是用户单击datagrid中的button时则仅仅是调用showinfo事件,并不触发page_load
MyDataGrid.Columns[3].Visible
objArgs.CommandName == "Info"
string strISBN = objArgs.Item.Cells[1].Text;

easyui中datagrid表格如何正确显示和隐藏 最近遇到了一个问题,是关于easyui数据表格的显示和隐藏的,一般显示元素可以通过dispaly:block(或show())和display:none (hide())控制xianshi 阅读详情

相关推荐

在DataGrid中显示和隐藏某一列

在DataGrid中显示和隐藏某一列

IDEA DATAGrip如何显示或隐藏某些列

按照如下路径打开Structure,弹出表结构列表 然后选中某列,右键单击,选择hidecolumn

zhangustb 7869

保姆级教程:在SIwave 2024 R2中搞定TDR仿真,手把手教你分析USB 3.0差分线阻抗

本文提供了一份详细的SIwave 2024 R2 TDR仿真教程,重点讲解如何分析USB 3.0差分线阻抗。从项目准备、参数配置到结果分析,逐步指导工程师完成完整的仿真流程,并分享实战经验和高级技巧,帮助提升信号完整性分析能力。

weixin_33670786的博客 498

显示和隐藏DataGrid中的列

要显示和隐藏DataGrid中的列,最关键的是AutoGenerateColumns设置为False:下面就是实现这一功能的aspx代码和脚本代码:<%@ Page Language="vb" AutoEventWireup="false" Codebehind="ShowHideCols.aspx.vb" Inherits="aspxWeb.ShowHideCols"%>

萝卜青菜 1557

ISP图像处理Verilog仿真框架搭建(附代码)

基于Verilog的图像处理仿真框架搭建

路漫漫其修远兮,吾将上下而求索 1898

双臂复合机器人眼在手外标定实战:从原理到D435标定流程详解

本文详细解析了双臂复合机器人中眼在手外标定的核心原理与实战流程。通过阐述坐标系转换与AX=XB方程,重点介绍了使用Intel RealSense D435相机进行标定的完整步骤,包括环境搭建、数据采集、计算与验证,并提供了关键的避坑指南,帮助工程师实现相机与机械臂基座间的精确坐标对齐。

weixin_29100927的博客 459

datagrid中动态显示或隐藏某一列的方法(根据条件判断显示和隐藏)

在datagrid中,我们常常根据条件想展示或者隐藏某一列,即动态展示某列 1.在EasyUI中:  1)展示某列的方法:     $('#tt').datagrid('showColumn', 'XXX');  -----其中 XXX 是隐藏列的  field 属性值  2)隐藏某列的方法:     $('#tt').datagrid('hideColumn', 'XXX');  ----

醉过方知酒浓 3万+

vuecil3+版本下,兼容ie等不支持es6的低版本浏览器

*综上,完成兼容性涉及到的配置的文件有,对应在页面中查看代码,就不单独附代码了:main.js。

yhr0322的博客 835

jQuery EasyUI 数据网格 - 自定义分页

摘要:本文介绍4种jQuery EasyUI datagrid自定义分页栏的实用方法:1)在分页栏右侧添加导出Excel、刷新等按钮(含完整代码示例);2)隐藏默认元素保留必要功能;3)完全自定义分页栏实现页码跳转;4)调整分页栏位置。重点推荐方法1,可直接复制使用,满足领导对专业分页栏的需求(显示总条数、添加功能按钮等)。作者还提供根据具体需求快速定制代码的服务。

likuoelie的博客 852

利用eds editor生成CANOPEN 设备eds文件

通过以上步骤,您可以根据实际设备的功能特性,自动生成一份符合CANopen协议标准的电子数据表(EDS文件),该文件可以被上位机软件或其他CANopen主站设备用于识别、配置和控制您的CANopen从站设备。使用CANopen EDS Editor生成CANOPEN设备的EDS文件是一个系统化的过程,它涉及将设备的具体技术参数和功能映射到CANopen规范定义的对象字典中。

weixin_38604759的博客 6460

html2canvas - 解决截图后引入的字体样式丢失问题,第三方字体截图导出图片后字体失效,html2canvas截屏生成图片后艺术字体就丢失并且自动转成常规字体了,特殊字体显示不了无法截图怎么办

vue2,vue3,uniapp,html2canvas截图后引入的字体样式丢失,html2canvas艺术字截图不显示,使用外部字体无效,html2canvas无法识别网络字体文件怎么办,ttf文件,网页使用在线字体链接利用html2canvas无法截取,字体样式没有了,font-family第三方字体,@font-face引入本地字体文件后无法被html2canvas识别怎么办,html2canvas文字消失,vue页面正常显示艺术字体但截屏后没有,html2canvas截图存在特殊字体时截图不全,默认

✅ 精选推荐文章 1万+

easyUI dataGrid 隐藏分页工具栏 隐藏表头

一.方法1(不推荐) 适应以下需求: 1.当表格没有数据时,把datagrid隐藏;有数据的时候显示 2.表格不分页,无需显示分页栏 3.datagrid的高度由内容撑开(固定高度,无数据时显示空白也可,有数据要隐藏不行,因为本方法实质是隐藏表头,分页) 首先看第一点:大多数人都是这样想的,即单纯的给datagrid &lt;table&gt;动态设置display:none控制显示隐藏...

LonelySnow的博客 7712

YOLOv11【第六章:模型压缩与极致优化篇·第15节】YOLOv11 专用剪枝工具库使用指南!

🏆 本文收录于专栏 《YOLOv11实战:从入门到深度优化》。本专栏围绕 YOLOv11 的改进、训练、部署与工程优化 展开,系统梳理并复现当前主流的 YOLOv11 实战案例与优化方案,内容目前已覆盖 分类、检测、分割、追踪、关键点、OBB 检测 等多个方向。

**My Coding Family** 1314

WPF DataGrid控件隐藏栏显示

WPF DataGrid控件隐藏栏显示 一、先添加一个类BindingProxy: public class BindingProxy : Freezable { protected override Freezable CreateInstanceCore() => new BindingProxy(); public object Data { get => GetValue(DataProperty);

韬光养晦 1400

汽车OTA 测试用例

汽车OTA 测试用例

天赐好车的博客 977

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

easyUI自定义DataGrid分页栏

@author YHC datagrid内置一个很好特性的分页功能,自定义也相当简单,在这个教程中,我们将创建一个datagrid 和添加一些自定义按钮在分页工具栏. 查看 Demo 创建 DataGrid <table id="tt" title="Load Data" class="easyui-datagrid" style="width:550px;he

YHC 8829

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

显示或者隐藏datagrid

/**显示或者隐藏datagrid-start */ //获取 easyui-datagrid 数据存储所在表格 function easyuiDG_getTBody(tableid) { var view2 = $('#' + tableid).prevAll('div.datagrid-view2'); var table = view2.children('div.datagri...

qq_27332427的博客 909

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

动态显示/隐藏 DataGrid 的列。

 在List中选中一个就会显示相应的 DataGrid 的列 xml version="1.0" encoding="utf-8"?>mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" horizontalAlign="left"    creationComplete="initAp

wingfay的专栏 2866

easyui 获取隐藏列_jquery easyui datagrid 自定义显示隐藏列

在项目中使用数据表格jquery easyui datagrid ,在列很多时,没有足够宽度来显示数据表格,可以自定义要求显示隐藏那些表头的列,以下是代码,需要的可以参考。/*** @author 孙宇** @requires jQuery,EasyUI** 为datagrid、treegrid增加表头菜单,用于显示或隐藏列,注意:冻结列不在此菜单中*/var createGridHeaderCo...

weixin_39612058的博客 667

easyui 隐藏input_easyui datagrid 列显示和隐藏

//当查询IT基础设施的时候隐藏'STAFF_ID'、'ITSM_STAFF_ID'if($("input[name='currentstate']").val()==2){$('#ordertable').datagrid('hideColumn','STAFF_ID');$('#ordertable').datagrid('hideColumn','ITSM_STAFF_ID');}else{...

weixin_42300090的博客 634

EasyUI datagrid隐藏域的值

$('#datagrid1').commGrid({ loadMsg : "正在加载数据", url:'/hq/shop/getEmpTransactDetail', remoteFilter:true, columns:[[ /* {field:'transactId',hidden:'true',align:'center'}, ...

lixia1227的博客 2367

easyUI的datagrid行号隐藏

easyUI使用DataGrid显示数据时,有的时候我们需要根据自己的需求显示行号,easyUI自带的行号并不满足我们的需求,我们希望使用在查询时自定义的行号,这个时候我们就需要隐藏easyUI的行号,我们只需要将datagrid的rownumbers设置为false即可。 rownumbers : false,//行号

Mr.wen 6804

MVVM框架下 WPF隐藏DataGrid一列

最近的一个项目,需要在部分用户登录的时候,隐藏DataGrid中的一列,但是常规的绑定不好使,在下面举个例子。 XAML部分代码 <Window x:Class="DataGridColumn.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" .

小小的熊的博客 1721
上一篇: DataGrid的几个小技巧!
下一篇: datalist的数据绑定事件
AllenTing
博客等级 码龄22年 2粉丝 16原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值