Panneau de grille Extjs avec cases à cocher

Question

Comment je peux créer un panneau de grille ExtJs avec des cases à cocher telles que here.

Answer 1

Dans Ext 3.4, vous devez utiliser le plug-in Ext.grid.CheckColumn comme illustré dans l'exemple EditorGrid inclus dans le téléchargement du framework.

Dans Ext 4+, il existe un type CheckColumn intégré (xtype: 'checkcolumn'). Plus d'informations peuvent être trouvées dans the API docs. Voici one example qui inclut une colonne de case à cocher modifiable dans la version actuelle d'Ext (le suivi des URL par version est fondamentalement impossible).

Voici un exemple de ce que la configuration de la colonne ressemble à une colonne de cases à cocher dans la version 4+:

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

Answer 2

Comment l'utilisation de cela?

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

-D

Vous pouvez changer la position de case à cocher en plaçant l'objet de modèle de sélection à la position désirée dans la liste de la colonne. Cela vous permettra de placer plusieurs cases dans la grille.

Answer 3

Les réponses précédentes ne semblent plus fonctionner dans la dernière version d'ExtJs. Lien vers l'exemple de travail est ici: example ExtJs 4.1