您的位置:首页 > Web前端 > JQuery

jQuery Easyui datagrid/treegrid 清空数据

2016-07-09 00:00 791 查看
在使用easyui的treegrid或datagrid的过程经常会有这样的场景,如:需要按不同的类型加载数据时,如果选择的分类下没有数据应该把上次展示的数据清空,以免引用歧义。下面给出两种方法供初学者参考:

  方法一:

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);
}
}


  方法二推荐:

$('#filegrid').datagrid('loadData', { total: 0, rows: [] });


  以上是对datagrid的操作,如果是treegrid,只需把datagrid修改为treegrid即可。



您可能感兴趣的文章:

jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
jQuery Easyui学习之datagrid 动态添加、移除editor
EasyUI中datagrid在ie下reload失败解决方案
EasyUi datagrid 实现表格分页
easyui datagrid 键盘上下控制选中行示例
Jquery下EasyUI组件中的DataGrid结果集清空方法
JQueryEasyUI datagrid框架的基本使用
jQuery EasyUI学习教程之datagrid点击列表头排序
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息