Extjs 4.1 - CellEditing 插件中的侦听第二次不起作用

Question

我定义了一个 treeGrid 与插件 CellEditing 类似

Ext.define('MyExample', {
        extend: 'Ext.tree.Panel',   
        id: 'example',
        alias: 'example',
        ....
        plugins: [
            Ext.create('Ext.grid.plugin.CellEditing', {
                clicksToEdit: 1,
                listeners: {
                    beforeedit: function(plugin, edit){
                        alert('don't run second time');
                    }
                }
            })
        ],
        ...

我有一个按钮，当我点击这个按钮时会调用下面的窗口（这个窗口上面有treeGrid）

Ext.create('Ext.window.Window', {
title: 'Phân xử lý',
modal:true,
height: 500
width: 500
layout: 'border',
...
item[
 {
  title: 'example',
  region: 'center',
  xtype: 'example', // that here
  layout: 'fit'
 }
]

一切都在第一次工作，但是当我第一次关闭窗口并单击按钮再次调用窗口时，CellEditting 仍然工作但监听器不工作？
如何解决这个问题，谢谢

编辑
请在 http://jsfiddle.net/E6Uss/ 中查看我的示例代码
在我第一次单击按钮时。一切正常

但是当我关闭示例窗口并再次打开它时，我尝试再次单击以阻止单元格，我得到一个错误，例如

如何修复这个错误？谢谢

Answer 1

这里的问题是您在树网格的插件数组中使用 Ext.create。这具有创建一次并将结果临时附加到您定义的类的效果。

如果关闭窗口，窗口内的所有资源都会被销毁。第二次实例化树面板时，插件不存在。看看这个小提琴：我明白你的问题是什么。看看http://jsfiddle.net/jdflores/E6Uss/1/

     {
        ptype : 'cellediting',
        clicksToEdit: 1,
        listeners: {
            beforeedit: function(plugin, edit){
                console.log('EDITOR');
                if (edit.record.get('block')) {
                    alert('this cell have been blocked');
                    return false;
                }
            }
        }
    }

Answer 2

每次单击按钮时，您都会重新创建窗口。这种重新创建可能会弄乱您的配置对象或破坏其中的关联或引用，或类似的东西。尝试通过将按钮代码替换为以下内容来每次重用窗口：

    Ext.create('Ext.Button', {
        text: 'Click me',
        visible: false,
        renderTo: Ext.getBody(),

        handler: function(button) {
            if(!button.myWindow)
            {
                button.myWindow = Ext.create('Ext.window.Window', {
                   title: 'Example',
                   height     : 300,
                   width      : 500,
                   layout: 'border',
                   closeAction: 'hide',
                   items: [{            
                            region: 'center',
                            floatable:false,
                            layout:'fit',
                            xtype: 'example',
                            margins:'1 1 1 1'
                        }
                    ]
                 });
            }
            button.myWindow.show();
        }
    });

Answer 3

也许它需要完成编辑单元格，尝试完成它：

...
beforeedit: function(plugin, edit){
     alert('don't run second time');
     plugin.completeEdit();
}

煎茶：CompleteEdit

Answer 4

我在这里整理了一个工作示例：http://jsfiddle.net/jdflores/6vJZf/1/

我认为您的专栏的问题在于它的 dataIndex 期望编辑器值是布尔类型（因为 'block' 被设置为 datIndex 而不是 'date'）。我假设您使用“阻止”字段只是为了识别哪些被阻止进行编辑。我修改了这里提供的文件：http://jsfiddle.net/jdflores/6vJZf/1/

       {
            text: 'Block Date',
            dataIndex: 'date',
            xtype: 'datecolumn',
            format: 'd/m/Y',
            editor: {
                xtype: 'datefield',
                allowBlank: true,
                format: 'd/m/Y'
            } 
        }