Easyui 框架简单、易用,且功能丰富,可以满足大多的管理类网站开发的要求。但越开发到后面的时候,
总感觉页面加载越来越慢,有时打开一个页面需要好几秒甚至十几秒,这种体验是非常糟糕的。
刚开始还以为是因为加载的东西多了,导致页面加载缓慢。通过IE浏览器的调试工具(IE中按F12调出),网
络调试后发现,绝大部分时间都花在 datagrid 及 combobox 或是 combotree 这几个组件上了。自己的页面需
要在 $(function(){ XXX }); 中,页面加载前生成 combobox、combotree 等组件。
一、定位原因
通过调试后,得知 combobox、combotree、datagrid 等组件在加载时花的时间较多。通过初步测试发
现:如果 combobox 不通过 ajax 生成,而是直接在页面中写死option 项,加载的时间几乎为零,可以得出这
样的结论,easyui 在 $(function(){}) 中执行 ajax 从后端取出 combobox 数据会导致缓慢。同样,再测试
combotree 也存在这种情况。
二、解决办法
由于是 java 开发,可以在第一次请求 servlet 时,先从后台生成 combobox \ combotree 的 json 数据,
并存储为 servlet 变量,在页面中获取后,直接初始化 combobox 或 combotree 等组件。而避用 ajax 请求的
方式初始化相关组件。
三、避免重复 datagrid 请求
有时通过日志看到有些 datagrid 请求,重复请求了两次。这是由于 easyui 的设计问题造成的:如果在
页面中定义的 div 指定了 class="easyui-datagrid" ,然后在 javascript 代码中,又通过
$("#userDg").datagrid 去请求数据的,都将两次请求数据。且两次收集的参数还有些不同。解决办法是,将
页面中定义的 div 的 class="easyui-datagrid" 属性删除即可
相关推荐
解决使用tab布局过程中页面多次加载的问题 如果在使用easyui过程中,你使用了easyui 的tab布局,在tab布局的内容上使用的不是content,而是iframe,那么你的页面有可能多次加载了,这篇文章帮你解决问题
JS EasyUI DataGrid动态加载数据
下面小编就为大家带来一篇easyui datagrid 大数据加载效率慢,优化解决方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本页面是简化后的easyui页面 十分适合做前台ui界面
主要介绍了EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)的相关资料,需要的朋友可以参考下
主要介绍了jQuery EasyUI 页面加载等待及页面等待层,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
EASYUI 页面框架 可以直接用来做项目后台页面使用
easyui页面的例子111111111111111111111111111111111111111111111111111111111111111111
easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作
扩展EasyUI tabs 组件,加载tab页时添加遮罩,是页面加载时更加美观,内涵示例.
easyUI页面datagrid动态列和form字段动态添加;项目开发时用到的,废了不少事,大概总了一下,现在发出来共享给想我一样的要用到的菜鸟们,谢谢
easyui页面模板,上传后以便自己日后查看参考
Jquery EasyUI 页面框架Demo,共4个
easyui异步加载(包括后台反射封装工具类)
基于EasyUI前端框架,写了一个登录页面,用到了EasyUI的icon图标,结合html和css样式,整体效果还行,能达到需要。
JqueryEasyUI Tree 动态加载,稍作修改就可以用了,希望对有需要的人有帮助
jquery+easyUI搭建页面 login是登陆页面 easy是主页界面
该登录页面是基于EasyUI前台框架,提供字段校验,覆盖正常的登录页面的内容项,可以再次基础上进行扩展。