首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >easyUI datagrid 清空

easyUI datagrid 清空

作者头像
木子墨
发布2018-09-13 13:41:20
3.3K0
发布2018-09-13 13:41:20
举报

最近在做一个管理系统,出于一些需要,经常要将一些datagrid清空。然后easyUI本身并没有自带的方法,然后自己动手丰衣足食吧。

清空无外乎两种思路,删除现有数据和填充空数据。

1.删除数据

            var rows = $(id).datagrid('getRows');
            for(var i=rows.length-1;i>=0;i--){
                var index = $('#dg_careersystem').datagrid('getRowIndex', rows[i]);  
                console.log("i="+i+"&index="+index);
                $(id).datagrid('deleteRow',index);
            }

之前在写这种方法的时候写成了下面的样子,简单轻便

            var rows = $(id).datagrid('getRows');
            for(var i=rows.length-1;i>=0;i--){
                $(id).datagrid('deleteRow',i);
            }

理论上来说,这两个应该是没有什么区别的,毕竟index和i其实是没啥区别的,各种测试验证,两个值也都是一致。但是有时候经常会出现一些无法全部删除的情况。因此又换成了上面的写法。原因至今。。。额。。。还没想明白。。。哪位大侠如果知道请指教一下小弟~~

还有一个,下面的代码也产生了一样的问题,有时不能一次性完全清空

            var rows = $(id).datagrid('getRows');
            for(var i=0;i<rows.length;i++){
                $(id).datagrid('deleteRow',0);
            }

自己分析觉得可能是,每次都删除第一行,删除后datagrid要重新计算index,然后两者出现了冲突导致删除不能继续。。。不知道是不是这个原因。。。后面再测试一下找找原因,弄明白了再贴过来。如果有路过的大侠知道的,求指教啊!

2.填充空数据

这个就简单了,一行代码结束战斗。使用datagrid自带的loadData方法即可

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

total:0舍弃也是可以的,毕竟不是每一个datagrid都需要做分页的。

两种方法都不错,随君选择。个人更倾向于第二种,快捷轻便,效率更高。嘿嘿

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-12-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档