[Ext JS 四] 实战之Grid, Tree Gird 动态添加列续(性能考虑)

[Ext JS 4] 实战之Grid, Tree Gird 动态添加列续(性能考虑)

前言

延续： 

但是问题是，目前使用IE 7的用户还是有很多， Ext js 本身对IE 7 的支持也还好， 所以针对IE 7 需要做特别的性能优化了。如果彻底摒弃了IE 7 , 不受IE 7困扰的话， 以下部分就可以不看了。

综合一下思路， 需要解决的问题有：

1. reconfigure 方法遇到有hidden为true 的col 时， 会报没有hasEditor 方法。

2. 有Editor的 col 如何进行hide

reconfigure 方法遇到有hidden为true 的col 时， 会报没有hasEditor 方法

这个问题有解法：

就是在Grid Panel 定义是columns 默认不设值。类似如下代码

  var plugin1 = Ext.create('Ext.grid.plugin.RowEditing', {    clicksToMoveEditor: 2,    autoCancel: false});

使用以上hidden:true 的设置来隐藏有editor列的话， 在show hidden 列的时候， 会发现编辑器会发生错位的状况。

看上去是编辑器组件创建的时间上有出入。

这样的话， 对于此状况，只能延续使用 col.hide() 的方法来进行了。

综合

在进行设计的时候， 如果 有IE7的考虑，最好结合以下建议
1.hide 栏位不要设置成可以editor
2.editor 栏位尽量显示