web-dev-qa-db-fra.com

Panneau de grille Extjs avec cases à cocher

Comment je peux créer un panneau de grille ExtJs avec des cases à cocher comme ici .

gridviewextjs
26
edtsech

Dans Ext 3.4, vous voudrez utiliser le Ext.grid.CheckColumn plugin 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 la documentation de l'API . Voici n exemple qui inclut une colonne de case à cocher modifiable dans la version actuelle d'Ext (il est pratiquement impossible de suivre les URL par version).

Voici un exemple de l'apparence de la configuration de colonne pour une colonne de case à 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'
  }
49
Brian Moeskau

Que diriez-vous d'utiliser cela?

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

:-RÉ

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

3
Varun Achar

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

3
Allie