关于jqGrid动态改变列的解决方案

简介:

项目中使用了jqGrid列表控件,碰到“通过选择不同的日期段,出现该日期段中每一天的统计数据”这样的需求。因为之前对这个列表控件不是很熟悉,网上的资料显示和列相关的两个属性:colName、colModel都是不可更改的。

所以这个办法行不通,也就退而求其次,想通过重新加载的方法,为这两个列重新设置值。但是,这仍然没有成功。中文社区中,也没有很有效的解决方案。后来同事在英文社区,给找到了相应的解决方案。在重新加载之前,得先调用——gridunload 这样一个方法。然后重新为colName和colModel设置属性值,重新加载就可以动态改变列了。

也就是说,通常情况下你得为此准备两个方法:firstLoad()、reLoad().两个方法中都需要定义形如: $("#list4″).jqGrid({});的加载方法。在reload方法中,你首先调用$("#list4″).GridUnload();就可以动态改变列了。

当然,我觉得作为一个很常用且普遍的需求,jqGrid应该内置到API中,而不是采用这样不直观的方法。




原文发布时间为:2011-08-14


本文作者:vinoYang


本文来自云栖社区合作伙伴CSDN博客,了解相关信息可以关注CSDN博客。

目录
相关文章
26EasyUI 数据网格- 动态改变列
26EasyUI 数据网格- 动态改变列
54 0
|
前端开发
ECharts图表ajax动态赋值Tab选项卡切换数据表的解决方案
ECharts图表ajax动态赋值Tab选项卡切换数据表的解决方案
203 0
|
JavaScript
Vue中解决v-show & 三目表达式 判断后中的值改变,但视图不刷新问题。
Vue中解决v-show & 三目表达式 判断后中的值改变,但视图不刷新问题。
|
JavaScript
Vue改变数组值,页面视图为何不刷新?
Vue改变数组值,页面视图为何不刷新?
Vue改变数组值,页面视图为何不刷新?
|
JavaScript 开发工具 git
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
1335 0
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
|
JavaScript 前端开发 API
【千方百计】更改绑定的数据对象数值后,DOM重新渲染的4种方法
【千方百计】更改绑定的数据对象数值后,DOM重新渲染的4种方法
317 0
【千方百计】更改绑定的数据对象数值后,DOM重新渲染的4种方法
|
JavaScript
VUE element-ui 之table表格勾选复选框动态带出(将某列的值赋值给指定列)对应列的数据
VUE element-ui 之table表格勾选复选框动态带出(将某列的值赋值给指定列)对应列的数据
1021 0
VUE element-ui 之table表格勾选复选框动态带出(将某列的值赋值给指定列)对应列的数据
|
JavaScript 前端开发
JavaScript通过改变location对象的hash属性实现相同页面显示不同详情内容的效果
JavaScript通过改变location对象的hash属性的应用 前面我们学到了BOM的Location对象,现在来讲一下实际的应用。通过改变hash属性获取不同的数据。 1.列表页面代码: <a href="10模拟详情页面.html#0" target="_blank">张三</a> <a href="10模拟详情页面.html#1" target="_blank">李四</a> <a href="10模拟详情页面.html#2" target="_blank">王五</a> <a href="10模拟详情页面.html#3" target="_b
|
人工智能 C#
c#中在datagridview的表格动态增加一个按钮方法
c#中在datagridview的表格动态增加一个按钮方法,如果想要这一套教程的可以移步去这里 《期末作业C#实现学生宿舍管理系统》,对了最近我们有一个人工智能交流群,如果大家对代码有问题,想交流的可以进群,私聊我就可以了! 效果图片 : 在Load事件中写入代码 那ui有了功能怎么办呢?别急我们在 dataGridView1_CellContentClick事件中添加方法 这样的话 我们就可以点击对应行的修改来获取到id的值这里有一个bug就是第三行没数据需要隐藏,现在还没有解决,欢迎大家指出!.....
684 0
c#中在datagridview的表格动态增加一个按钮方法
|
JavaScript
vue中this.$set修改数组,数据改变视图层不更新
vue中this.$set修改数组,数据改变视图层不更新
553 0