extjs - So aktivieren Sie die Rasterzellenvaule zum Bearbeiten nach dem Klicken auf das Kontrollkästchen

Question

Wie kann ich die Gitterzellenbearbeitung aktivieren, nachdem Sie in derselben Zeile auf das Kontrollkästchen geklickt haben.

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 

}); 

Gesamtcode https://fiddle.sencha.com/#fiddle/18c0.

nach dem Anklicken des Kontrollkästchens muss ich Name Zelle zum Bearbeiten aktivieren. Wenn das Kontrollkästchen nicht aktiviert ist, kann der Benutzer die Namenszelle nicht bearbeiten.

Dank

Answer 1

Sie können für beforeedit Ereignis hören und ein Flag zurückgeben, ob die Bearbeitung erlauben oder nicht.

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

In Konfigurationsoptionen, wenn Sie setzen checkOnly: true dann wird es nur überprüfen, wenn Sie auf das Kontrollkästchen klicken sonst wird es nicht.

Siehe Dokumente unter: http://docs.sencha.com/extjs/4.2.5/#!/api/Ext.selection.CheckboxModel-cfg-checkOnly