Discussion :

[July171292]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

qui instencie un Ext.selection.CheckboxModel

A+JYT

[July171292]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?
            });

[July171292]

En clair est il possible d'initialisé le selectionModel après la sélection dans ma combobox ?

[July171292]

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 :



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

[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