easyUI的treegrid添加节点(append)时间过长,设置等待(wait)遮罩效果
来源:互联网 发布:php继承的几种方式 编辑:程序博客网 时间:2024/04/30 12:15
如题所述,在treegrid中,一次添加多个节点时,时间很长,但easyUI并无显示等待信息,让人以为是陷入了死循环,或者死机了,用户体验很差。
本来,treegrid(或者datagrid)有所谓的loadMsg,但只在加载数据时显示。添加节点,则不见有这种机制。
只能自己动手,丰衣足食了。
像很多次寻找答案一样,在网上搜索了许久,基本上都是一些互相抄袭,似是而非,不知所谓的垃圾。作者煞有介事地这样说,但有没有实际应用过,到底行不行,很让人怀疑。
或者只贴一点代码,缺乏足够的解释,让人变成丈二金刚。
经过一番努力,终于达到我自己想要的效果:
从一棵树中选中了许多节点,一次性复制到另一棵树。期间耗时比较长,会先显示等待信息;添加完成以后,等待消息消失。
没有代码我说个J8:
应用场景:
easyUI的一个对话框:
<div id="dlg_Add_template" class="easyui-dialog" style=" width:600px; ">……</div><script type="text/javascript">$('#dlg_Add_template').dialog('open');</script>
这个对话框上有1个tree,1个treegrid。需要从tree上选择节点,复制到treegrid。
以上代码从参考文章摘取,但经过改写。原文是对easyUI的所谓扩展,仍然只支持数据加载才显示。
然后调用:
结果意料之中,开始复制节点时,等待信息根本没来得及显示,直到复制完成才一闪而过,根本没有达到应有的效果!
这时应引入异步机制,最好有回调函数!
但treegrid并无提供相应的事件。受阮一峰的文章启发,可以模拟一下,用setTimeout:
参考文章:
http://www.cnblogs.com/dreamcat/archive/2010/10/30/easyui_datagrid_mask.html
http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html
0 0
- easyUI的treegrid添加节点(append)时间过长,设置等待(wait)遮罩效果
- easyui treegrid的拖拽效果实现
- easyui的treegrid,只能出来父节点,子节点出不来
- JQuery easyui的等待效果
- easyui treegrid动态加载节点
- easyui treegrid 获取子节点
- easyUI的鼠标右键展示菜单(treegrid和datagrid)
- jQuery easyUI树形表格(TreeGrid)的实现
- easyui在treegrid添加控件
- 进程的等待(wait和waitpid)
- BAT脚本:等待(sleep/wait)固定时间
- easyUI treegrid的使用
- EasyUI的TreeGrid应用
- easyui-treegrid的案例
- 可拖拽的easyui treegrid
- easyui的treegrid
- JQuery EasyUI 的加载等待效果....
- JQuery EasyUI 的加载等待效果....
- 数学常数
- 微信企业号,报错误 errcode 60011 no privilege to access
- 数据库高级教程(一)
- CentOS 7 引导win7开机
- 醉左紫诅紫棕渍琢邹走醉追庄抓租驻诅兹
- easyUI的treegrid添加节点(append)时间过长,设置等待(wait)遮罩效果
- 综姿罪爪咨纂阻子浊卒足最琢揍诅抓驻桩
- 网球之网球赛事介绍
- 如何使用 Pylint 来规范 Python 代码风格
- 数据库索引
- 统计硬币问题
- 物理常数
- android 实时视频采集
- gradle复习(1)-2种定义任务方式的区别