extjs - 单击复选框后如何启用网格单元格值进行编辑答案

【问题标题】：extjs - how to enable grid cell vaule to edit after clicking check boxextjs - 单击复选框后如何启用网格单元格值进行编辑
【发布时间】：2016-09-27 01:04:43
【问题描述】：

如何在单击同一行中的复选框后才启用网格单元格编辑。

var simpsonPanel = Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    //selType: 'checkboxmodel',
    forceFit:true,
    plugins: [
        Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
    })],
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        {
                xtype: 'checkcolumn',
               // text: 'Phase 9',
                dataIndex:'Phase9',
                listeners: {
                        checkChange: onCheckChange
                }},
        { text: 'Name',  dataIndex: 'name'},
        { text: 'Email', dataIndex: 'email' },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400

});

总代码https://fiddle.sencha.com/#fiddle/18c0.

单击复选框后，我需要启用名称单元格进行编辑。如果未选中该复选框，则用户无法编辑名称单元格。

谢谢

【问题讨论】：

标签： extjs extjs4 extjs5

【解决方案1】：

您可以监听beforeedit 事件并返回一个标志是否允许编辑。

Ext.create('Ext.grid.plugin.CellEditing', {
    clicksToEdit: 1,
    listeners: {
        beforeedit: function(editor, event) {
            return event.record.get('Phase9');
        }
    }
})]

https://fiddle.sencha.com/#fiddle/18c4

【讨论】：

【解决方案2】：

如果你在配置选项中输入checkOnly: true，那么它只会在你点击复选框时检查，否则不会。

请参阅文档：http://docs.sencha.com/extjs/4.2.5/#!/api/Ext.selection.CheckboxModel-cfg-checkOnly

【讨论】：