extjs - 如何在单击复选框后启用网格单元格编辑

Question

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

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。

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

感谢

Answer 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

Answer 2

在配置选项，如果你把checkOnly: true那么它会检查只有当你点击该复选框，否则它不会。

See docs at：http://docs.sencha.com/extjs/4.2.5/#!/api/Ext.selection.CheckboxModel-cfg-checkOnly