为了账号安全,请及时绑定邮箱和手机立即绑定

怎样监测页面中所有的EasyUI控件是否全部加载完成!

怎样监测页面中所有的EasyUI控件是否全部加载完成!

牛魔王的故事 2019-04-10 20:48:33
是这样,最近遇到一个问题,我在一个页面中大量的使用到了EasyUI的控件,例如Datagrid,combobox,textbox等等,但是这些控件有的需要从服务器拉去数据才能成功初始化,但是现在有一个问题就是,如果用的网速比较差,就会导致页面虽然加载出来了,但是EasyUI的一些控件没有加载完成。。。。。。这样用户再点某些下拉框的时候就会出现没有数据可以选择的问题!我现在想的就是,进到页面的时候先弹一个框,显示页面正在加载中,然后等所有的控件加载完成之后再把这个框给关掉!但是我现在没想到该怎么检测什么时候这些控件会都加载完成(因为这些控件都是异步加载数据,没办法用返回值来判断!)我现在的做法就是,让这些控件依次加载:例如先加载datagrid,datagrid加载完成之后,再加载combobox,combobox加载完成之后再加载textbox,等最后一个控件加载完成之后再把等待框给关掉!但是这样治标不治本。。。虽然能实现目的,但是很大程度上限制了网站的性能!所以不知道大家在遇到这样的问题的时候是怎么处理的呢??
查看完整描述

2 回答

?
神不在的星期二

TA贡献1963条经验 获得超6个赞

提供个思路,定个全局的变量:
javascriptvar_load_status={datagrid:false,combobox:false,textbox:false};
当一个组件加载完成后去设置_load_status下的属性为true;
全局setInterval去检查_load_status里每个属性是否变为true;
完成后记得clearInterval
                            
查看完整回答
反对 回复 2019-04-10
  • 2 回答
  • 0 关注
  • 366 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信