超级会员免费看
本文介绍了在Ext JS 4中动态添加Grid和Tree Grid列时遇到的性能问题，特别是在IE7下的延迟。作者通过分析发现，每次调用`hide`方法都会导致布局重绘，造成性能瓶颈。解决方案包括：在定义Grid Panel时避免设置默认隐藏列，以及在处理带Editor的列时的隐藏策略。同时，提出了针对IE7的性能优化建议，如避免隐藏可编辑列，尽量显示编辑列，以及在大量数据编辑时使用直接修改model数据的方法，而不是`set`方法，以减少触发事件并保持记录的修改状态。
前言
延续：
[Ext JS 4] 实战之Grid, Tree Gird 动态添加列
这一篇。在上一篇中有提到在grid 中如何进行带隐藏栏位的动态添加方式。归纳一下思路就是： 先显示，后隐藏。
当需要隐藏的栏位很多时，在chrome下速度还行，但是在IE 7中要刷出一个grid 却要 20s 时间之久， 基本上无法接受。（暂不load store, 所以不会是数据影响。）
使用Extjs 自带的 page-analyzer 进行分析发现， 每次调用hide 方法的时候都会进行 layout. 而每次layout 的时间在IE7和Chrome 中的时间相差10倍之多， 也难怪以下图如此描述IE7.
订阅专栏 解锁全文
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
