前言
延续:
[Ext JS 4] 实战之Grid, Tree Gird 动态添加列
这一篇。在上一篇中有提到在grid 中如何进行带隐藏栏位的动态添加方式。归纳一下思路就是: 先显示,后隐藏。
当需要隐藏的栏位很多时,在chrome下速度还行,但是在IE 7中要刷出一个grid 却要 20s 时间之久, 基本上无法接受。(暂不load store, 所以不会是数据影响。)
使用Extjs 自带的 page-analyzer 进行分析发现, 每次调用hide 方法的时候都会进行 layout. 而每次layout 的时间在IE7和Chrome 中的时间相差10倍之多, 也难怪以下图如此描述IE7.