使用easyui在ie浏览器下,treegrid,datagrid加载数据很慢,ie浏览器卡住原因

最近在做项目时,在统计报表时,使用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,显示效率会大大提高

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值