Jquery下EasyUI组件中的DataGrid结果集清空方法


Posted in Javascript onJanuary 06, 2014

我们有一个模块如下图,要求选择“地区”及“代维公司”后,刷新第一个DataGrid框体

并以第一个结果集中的行为数据条件点击完成下一个框体的检索

Jquery下EasyUI组件中的DataGrid结果集清空方法 

现在我们已完成相应功能,并在选择“地区”及“代维公司”并保证这两个选项同时有值后,自动刷新第一个DataGrid(DG1)结果集

但是在DG1刷新完毕后,后面两个紧跟的DG2及DG3还是保有之前的结果

我试图更改DG2及DG3的查询条件,手动传一个空的ID值给query()方法,但是后被后台的Controller层当作首次查询return掉

于是查到这样一个方法,可以给它们一个空结果集串

如下

//修改代维公司选框后重新提交查询 
function query1(){ 
var params = $('#dg1').datagrid('options').queryParams; 
params.region = $('#region').combotree('getValue'); 
params.company_id = $('#company_id').combotree('getValue'); 
params.contract_type = "line";//*目前写死为线路,后期再优化为标签页 
if(params.company_id == "" || params.region == ""){ 
return; 
} 
$("#dg1").datagrid('load'); 
$('#dg2').datagrid('loadData', { total: 0, rows: [] });//清空下方DateGrid 
$('#dg3').datagrid('loadData', { total: 0, rows: [] });//清空下方DateGrid 
}

这样便可以顺利清空DG2及DG3中结果集的数据

还有一种方法,就是遍历并删除结果集中的数据

var item = $('#filegrid').datagrid('getRows'); 
if (item) { 
for (var i = item.length - 1; i >= 0; i--) { 
var index = $('#filegrid').datagrid('getRowIndex', item[i]); 
$('#filegrid').datagrid('deleteRow', index); 
} 
}

殊途同归
Javascript 相关文章推荐
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
Mar 27 Javascript
Javascript 日期处理之时区问题
Oct 08 Javascript
js实现最短的XML格式化工具实例
Mar 12 Javascript
Bootstrap每天必学之折叠
Apr 12 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
Jul 24 Javascript
深入理解Node内建模块和对象
Mar 12 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 #Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 #Javascript
instanceof和typeof运算符的区别详解
Jan 06 #Javascript
jquery使用append(content)方法注意事项分享
Jan 06 #Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 #Javascript
Javascript 遍历页面text控件详解
Jan 06 #Javascript
jquery链式操作的正确使用方法
Jan 06 #Javascript
You might like
PHP学习笔记之二
2011/01/17 PHP
PHP获取php,mysql,apche的版本信息示例代码
2014/01/16 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
PHP二维数组去重算法
2016/12/17 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
2014/10/11 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
[01:35]2018年度CS GO最佳战队-完美盛典
2018/12/17 DOTA
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
Django发送html邮件的方法
2015/05/26 Python
python实现linux下使用xcopy的方法
2015/06/28 Python
Python3实现转换Image图片格式
2018/06/21 Python
python看某个模块的版本方法
2018/10/16 Python
python 二维数组90度旋转的方法
2019/01/28 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
pytorch方法测试详解——归一化(BatchNorm2d)
2020/01/15 Python
工商企业管理应届生求职信
2013/11/03 职场文书
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
外语系毕业生找工作的求职信
2013/11/28 职场文书
企业指导教师评语
2014/04/28 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
高一军训决心书
2015/02/05 职场文书
网络妈妈观后感
2015/06/08 职场文书