extjs - 单击复选框列时限制行编辑器

Question

我有一个带有 CheckBoxColumn 和 RowEditor 插件的网格，该插件配置了 clicksToEdit: 1

单击 CheckBoxColumn 时，如何防止 RowEditor 打开？因为我一次不能选择多于一行。

Answer 1

RowEditor 有 'beforeedit' 事件。这个事件的第二个参数是一个编辑事件对象——e。

编辑事件对象有一个属性“取消” - 将其设置为 true 以取消编辑或从您的处理程序返回 false。

因此，我们可以将其设置为 'true' 或 'false' 来禁用或启用 RowEditor：

    {
        xtype: 'checkbox',
        fieldLabel: 'Disable row Editor',
        listeners: {
            change: function(cb) {
                var editor = cb.up('grid').editingPlugin;
                editor.on({
                    beforeedit: function(plugin, e) {
                        e.cancel = cb.checked;
                    }
                });
            }
        }
    }

请参阅 jsfiddle 上的实时示例：http: //jsfiddle.net/p7Vzu/