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 相关文章推荐
JavaScript 异步调用框架 (Part 3 - 代码实现)
Aug 04 Javascript
jquery 表格的增行删行实现思路
Mar 21 Javascript
jquery text(),val(),html()方法区别总结
Nov 04 Javascript
javascript屏蔽右键代码
May 15 Javascript
什么是Node.js?Node.js详细介绍
Jun 01 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
浅析Bootstrap组件之面板组件
May 04 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 Javascript
vue发送ajax请求详解
Oct 09 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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
自动把纯文本转换成Web页面的php代码
2009/08/27 PHP
php去除HTML标签实例
2013/11/06 PHP
PHP的文件操作与算法实现的面试题示例
2015/08/10 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
javascript scrollTop正解使用方法
2013/11/14 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
js与jQuery 获取父窗、子窗的iframe
2013/12/20 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
jQuery获取Table某列的值(推荐)
2017/03/03 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
MVVM 双向绑定的实现代码
2018/06/21 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
pyqt4教程之widget使用示例分享
2014/03/07 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
django之从html页面表单获取输入的数据实例
2020/03/16 Python
HTML5 canvas实现雪花飘落特效
2016/03/08 HTML / CSS
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
荷兰电脑专场:Paradigit
2018/05/05 全球购物
最新会计专业求职信范文
2014/01/28 职场文书
求职信的最佳写作思路
2014/02/01 职场文书
求职信模板
2014/05/23 职场文书
学校安全教育月活动总结
2014/07/07 职场文书
医院病假条怎么写
2015/08/17 职场文书
小学运动会开幕词
2016/03/04 职场文书
python爬虫之爬取笔趣阁小说
2021/04/22 Python