Pannello griglia Extjs con caselle di controllo

Question

Come posso creare il pannello della griglia ExtJs con caselle di controllo come here.

Answer 1

In Ext 3.4, è possibile utilizzare il plug-in Ext.grid.CheckColumn come illustrato nell'esempio EditorGrid incluso nel download del framework.

In Ext 4+ è disponibile un tipo di colonna CheckColumn (xtype: 'checkcolumn'). Maggiori informazioni possono essere trovate in the API docs. Ecco lo one example che include una colonna di casella di controllo modificabile nella versione corrente di Ext (tenere il passo con gli URL per versione è praticamente impossibile).

Ecco un esempio di ciò che la configurazione della colonna assomiglia per una colonna casella di controllo nella versione 4+:

xtype: 'checkcolumn', 
    header: 'Active?', 
    dataIndex: 'active', // model property to bind to 
    width: 60, 
    editor: { 
    xtype: 'checkbox', 
    cls: 'x-grid-checkheader-editor' 
    } 

Answer 2

Come sull'utilizzo di questa?

var checkBoxSelMod = new Ext.grid.CheckboxSelectionModel(); 

-D

È possibile cambiare la posizione di casella di controllo ponendo l'oggetto modello di selezione nella posizione desiderata nell'elenco delle colonne. Questo ti permetterà di inserire più checkbox nella griglia.

Answer 3

Le risposte precedenti non sembrano più funzionare nell'ultima versione di ExtJs. Link all'esempio di lavoro è qui: example ExtJs 4.1