ExtJS4.0 GridPanel CellEditing插件插入多列时中断

Question

我试图找到在ExtJS4.0中使用GridPanel插件的GridPanel中动态添加/删除列的正确方法

我尝试在GridPanel中动态添加/删除列，使用HeaderContainer add()、insert()、remove()方法

问题是，当我尝试添加或删除多个列时，CellEditing插件将停止正常工作：

1. 当现有单元格在编辑模式下文本和光标不可见时，
2. 第一次添加的列在所有

上都不可编辑，第二个添加列是可编辑的

复制步骤：

1. 启动页面
2. 在列中选择单元格以插入列位置，在该列之前，单击“添加列”按钮，然后在对话框中键入Name1，按下“确定的

”重复步骤2-3，使用Name2作为列名H 117尝试编辑现有“公司”列和“编号2”<代码>H 218G 219中的文本。

您可以在这里找到完整的源代码和示例：http://jsbin.com/otorix/edit#source / http://jsbin.com/otorix/edit#preview

你能复制这种行为吗？你能把这个确认为窃听器吗？或者我做错什么了？

如果你能提供任何帮助，我将不胜感激。

Answer 1

您是对的，有一个bug，但是很明显，它是由您重新配置网格的方式引起的，我在代码中添加了一些修改(仅针对add列)--我想删除应该相当容易，所以我的更正是：

1. 存储rangeData的内存数据是一个数组，而读取器期望一个对象在items属性中包含一个数组(这似乎不会导致任何错误，但这样会更清楚)，
2. --重新配置列是主要问题--我删除了创建新列的部分，只需为新列编写配置，然后在列数组的末尾添加新列，或者在中间使用剪接器编写配置。网格上的重新配置函数提供了重新配置存储和列的可能性，因此比在标头容器中添加新创建的列更安全。

这里有修改过的代码，http://jsbin.com/otorix/17/edit