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的simpleValidate简易验证插件
Jan 31 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
JS根据生日算年龄的方法
May 05 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
Sep 12 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
Dec 22 Javascript
AngularJS基础 ng-mousemove 指令简单示例
Aug 02 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
泛谈JS逻辑判断选择器 || &&
May 24 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 20 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中看实例学正则表达式
2006/12/25 PHP
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
用 Composer构建自己的 PHP 框架之使用 ORM
2014/10/30 PHP
php加密解密字符串示例
2016/10/13 PHP
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
jQuery基本选择器之标签名选择器
2016/09/03 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
[53:21]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-CDEC
2014/05/22 DOTA
Python内置数据类型详解
2014/08/18 Python
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python根据区号生成手机号码的方法
2015/07/08 Python
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
设置python3为默认python的方法
2018/10/31 Python
Python(PyS60)实现简单语音整点报时
2019/11/18 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
2016/04/26 HTML / CSS
canvas 基础之图像处理的使用
2020/04/10 HTML / CSS
Jones New York官网:美国女装品牌,受白领女性欢迎
2019/11/26 全球购物
奥地利婴儿用品和玩具购物网站:baby-markt.at
2020/01/26 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
实习心得体会
2014/01/02 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
HTML中的表单Form实现居中效果
2021/05/25 HTML / CSS
Java 在线考试云平台的实现
2021/11/23 Java/Android
基于Python编写简易版的天天跑酷游戏的示例代码
2022/03/23 Python