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 相关文章推荐
基于jquery的图片的切换(以数字的形式)
Feb 14 Javascript
js模仿jquery的写法示例代码
Jun 16 Javascript
javascript学习笔记(一)基础知识
Sep 30 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
May 05 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
基于Vue制作组织架构树组件
Dec 06 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
Apr 08 Javascript
qrcode生成二维码微信长按无法识别问题的解决
Apr 04 Javascript
详解element上传组件before-remove钩子问题解决
Apr 08 Javascript
Openlayers实现测量功能
Sep 25 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中动态调用函数的方法
2015/03/16 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
javascript 操作文件 实现方法小结
2009/07/02 Javascript
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
Jquery和CSS实现选择框重置按钮功能
2018/11/08 jQuery
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
解决vue-photo-preview 异步图片放大失效的问题
2020/07/29 Javascript
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
python实现csv格式文件转为asc格式文件的方法
2018/03/23 Python
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
django 将model转换为字典的方法示例
2018/10/16 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
Python如何省略括号方法详解
2020/03/21 Python
Python学习之路安装pycharm的教程详解
2020/06/17 Python
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
Traffic People官网:女式花裙、上衣和连身裤
2020/10/12 全球购物
个人求职简历的自我评价范文
2013/10/09 职场文书
房屋租赁授权委托书范本
2014/09/20 职场文书
免职证明样本
2014/10/23 职场文书
学校中秋节活动总结
2015/03/23 职场文书
小学生法制教育心得体会
2016/01/14 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
Nginx快速入门教程
2021/03/31 Servers
golang中的struct操作
2021/11/11 Golang