Sélectionner une ligne dans mon GridPanel - ExtJs

Version imprimable

Bonjour,
Je revient vers vous car je rencontre encore des problèmes.
J'ai un gridPanel contenant des informations d'une base de données.

Mon grid :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
new Ext.grid.GridPanel({
  columns: mesColonnesVar,
  id: 'gridPanelVar',
  width: '90%',
  height: 400,
  store: gridPanelVar,
  selModel: new Ext.grid.RowSelectionModel({
   singleSelect: true
            }),
  stripeRows: true
}),

Les colonnes de mon grid :

Code:

1
2
3
4
5
6
 
var mesColonnesVar = [
    { header: 'N°', width: '20%', dataIndex: 'Var_Id', sortable:true },
    { header: 'Variable', width: '30%', dataIndex: 'Var_Nc', sortable: true },
    { header: 'Libellé', width: '50%', dataIndex: 'Var_Nl', sortable: true }
];

Mon store :

Code:

1
2
3
4
5
6
7
8
9
10
 
var gridPanelVar = new Ext.data.JsonStore({
    proxy: proxyGrVar,
    baseParams: { method: 'gridPanelVar' },
    autoLoad: true,
    fields: ["Var_Id","Var_Nc", "Var_Nl"],
    root: "rows",
    totalProperty: "total",
    successProperty: "success"
})

Tout marche très bien, mise à par que je n'arrive pas à sélectionner une ligne dans mon gridPanel.
Je ne sais pas, peut être il y a t-il une autre propriété à ajouter pour mon gridPanel ?
Merci :)

13/02/2015, 11h53
sekaijin
tu as deux attributs de config pour le grid panel
selModel qui prend pour valeur une instante de Ext.selection.Model
setType qui prend pour valeur une String comme 'rowmodel'

cela défini le type de sélection désiré row cell etc.

tu as un exemple ici http://docs-origin.sencha.com/extjs/...rid-plugins.js
qui utilise un CheckboxModel
dans la définition du grid2 tu as
Code:

1 2 3 4 grid2 = Ext.create('Ext.grid.Panel', { id: 'grid2', store: getLocalStore(), selType: 'checkboxmodel',
qui instencie un Ext.selection.CheckboxModel

A+JYT

Merci de ta réponse, ça marche mais pas sur mes gridPanel dont je modifie le store.
En fait pour donné plus de détails je charge le store à partir d'une sélection d'une combobox, tout en y ajoutant un paramètre à ma requête ajax, ce paramètre est la valeur de l'élément de ma combobox que je sélectionne.
Code:

1 2 3 4 5 6 7 Ext.getCmp('gridPanelVar').store.load({ params: { gr : Ext.getCmp('comboGrVar_GestVar').getValue() // Valeur combobox } // Serait-il possible ici de modifié la configuration de mon grid afin d'ajouter le RowSelectionModel? Si oui comment faire ? });

18/02/2015, 14h18
July171292

En clair est il possible d'initialisé le selectionModel après la sélection dans ma combobox ?
12/03/2015, 10h54
July171292

1 pièce(s) jointe(s)

Bonjour, je revient ici car j'ai trouvé la solution aujourd'hui même, c'est totalement débile, et je ne comprend pas pourquoi mais bon ça marche.

Je ne l'avais pas mis ici mais mesColonnesUtil est une variable qui génère mes colonne de mon grid panel.

Pour adapter la taille de mes colonnes à mon tableau j'avais mis cette taille en pourcentage.

Or, c'étais ça qui faisait beuguer mon truc, donc je les ai mis en pixel :

Pièce jointe 171459

Voila c'est tout... WTF ?!

EDIT: Enfin ici c'etais mesColonnesVar mais ça reprend le même principe est ça ne marchait pas non plus :)
14/03/2015, 13h39
sekaijin

perso j'utilise toujours flex

exemple trois colonnes avec un flex respectif de 2, 3, 5 soit un total de 10

si la grid fait 156px de large la colonne 1 fait 2 * 156 / 10 la colonne 2 fait 3 * 156 / 10 et la 3 fait 5 * 156 / 10

du coup je ne m'occupe que des proportion relatives ce qui permet d'avoir des grid qu'on peut redimensionner et qui s'adapte à l'espace.

A+JYT