treegrid 浏览器卡顿问题解决

来源:互联网 发布:java classpath 用法 编辑:程序博客网 时间:2024/04/29 00:19

最近在做项目时,在统计报表时,使用easyui的treegrid进行统计,但在使用了存储过程后,加载到页面的数据还是很慢,在ie浏览器下,在数据不多的情况下,ie直接卡住,到2-3分钟才出现数据。刚开始以为是存储过程问题,但通过访问action,发现打印出json数据速度很快。于是开始找是不是easyui treegrid加载数据很慢的原因。最后,发现是在表头没有设置每一列为固定长度,导致加载数据很慢,通过设置固定长度后,加载数据只要1-2秒就能展现出来了。      

设置datagrid(treegrid)的每一列的width属性,不用让他自适应,取消所有自适应的选项,会很大程度上提高easyui的显示效率,我试过在IE上显示500条数据,效率是能接受的。在firefox上显示2000条都是能接受的,但是IE上超过500条就无法忍受了,所以建议你在IE上一次不要超过300条数据。
如果非要自适应的话,那就按比例来适应,先获取window的宽度winWidth,在winWidth*0.1来设置每一列的宽度,不管怎么样,宽度一定要指定

 

简单一句话就是去掉fitColumns: true或是置为false(默认就是false),并指定每列的width,显示效率会大大提高


转载自:http://blog.csdn.net/civilized/article/details/17359933

0 0
原创粉丝点击