Affichage du menu ça marche pas sur une grid

Version imprimable

Salut,
J'ai un formulaire où j'ai créé mon grid avec un menu come ceci:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <span dojoType="dojo.data.ItemFileWriteStore" data='<?php echo htmlentities($this->donneeGrid, ENT_QUOTES) ?> ' jsid="gridStore"> </span> <div style="float: left"> <table dojoType="dojox.grid.DataGrid" store="gridStore" jsid="grid" id="grid" onSelected="getGridActif" clientSort="true" postCreate = "getStructureGrid" onRowDblClick="editer()" onRowContextMenu="clickDroit()" > <thead> <tr> <th field=Label width="150px">cle</th> <th field=IDAttribut width="150px">valeur</th> </thead> </table> </div> <div dojoType="dijit.Menu" id='monMenu' targetNodeIds="grid" contextMenuForWindow="false" style="display: none;"> <div dojoType="dijit.MenuItem" onClick="supprimer();">supprimer</div> </div>
Le menu de grid s'affiche correctement lors de chargement de ma page même si j'ai pas attaché le menu a mon grid (ce qui m' apparait bizarre).
Mais le problème se manifeste lorsque je clique sur un boutton qui m'affiche le même grid alors là le menu s'exécute pas sans me donner aucune erreur dans le console, quand je clique droit sur un item du grid il m'affiche rien.
S'il vous plait aidez moi de résoudre ce beug :(
Sachant que j'appel une fonction js dans la doubleClick sur le grid qui me permet de vérifier si l'item est bien sélectionné ou pas dont voici le teneur:
Code:

1 2 3 4 5 6 7 8 9 function clickDroit(e) { var idx = e.rowIndex; var selected = grid.selection.isSelected(idx); if(!selected) grid.selection.select(idx); }

12/02/2010, 14h32
emmanuel.remy

Salut,

La gestion des menus sur la grid se fait dans la douleur. C'est pourquoi il existe à partir de la 1.4 une grid étendue (dojox.grid.EnhancedGrid) qui gère en standard les menus utilisateurs sous la forme d'un plugin.

Au passge tu gagnerais aussi en rapidité si tu instanciais ton store sous la forme de javascript plutôt qu'avec une balise inline qu'il faudra parser... D'autant que tu disposes des données.

ERE
03/03/2010, 17h42
bellenthan

Bonjour,

Je me permets de poster ici car j'ai moi même quelques soucis avec les menus dans la datagrid.
Je vais donc regarder la enhancedgrid.

Cependant, un petite question tout de même concernant le datastore car je fais comme hasnaa1988 pour les associer à une grille.
Emmanuel tu parles d'une balise inline pour gagner en rapidité.
C'est quoi ?
Merci d'avance pour ta réponse.

Bonjour,

Je pense que la balise inline c'est le fait de creer une balise html avec l'itemFileWriteStore et donc de creer un lien entre :

l'ItemFileWriteStore :

Code:

1
2
3
4
<span dojoType="dojo.data.ItemFileWriteStore"
  data='<?php echo htmlentities($this->donneeGrid, ENT_QUOTES) ?> '
  jsid="gridStore">
</span>

et le grid :

Code:

<table dojoType="dojox.grid.DataGrid" store="gridStore" jsid="grid" >id="grid"

Si la génération se fait pas javascript au chargement de la page, il se pourrait que cela fasse gagner en rapidité. Je ne peux pas confirmer, je fais comme vous :p

Par exemple :

Code:

1
2
3
4
// our test data store for this example:
    var store4 = new dojox.data.CsvStore({
        url: '/moin_static163/js/dojo/trunk/dojox/grid/tests/support/movies.csv'
    });

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// create a new grid:
        var grid4 = new dojox.grid.DataGrid({
            query: {
                Title: '*'
            },
            store: store4,
            clientSort: true,
            rowSelector: '20px',
            structure: layout4
        },
        document.createElement('div'));
 
        // append the new grid to the div "gridContainer4":
        dojo.byId("gridContainer4").appendChild(grid4.domNode);
 
        // Call startup, in order to render the grid:
        grid4.startup();

Exemple trouvé sur le site http://docs.dojocampus.org.

04/03/2010, 11h04
bellenthan

Ah ok, si c'est effectivement ça, je connaissais déjà.
C'est le terme balise inline qui m'a interpelé. je pensais que c'était une autre méthode que celle que tu cites.

Merci pour la réponse en tout cas.
12/03/2010, 11h45
emmanuel.remy
Salut,

Concernant la balise "inline", ce que je voulais dire exactement (et que je reprends dans mon excellent article sur les stores :mouarf:) c'est que si on connait les données du store, il vaut mieux directement faire un
Code:

1 2 3 4 var gridStore = new dojox.data.ItemFileReadStore({ data:'<?php echo htmlentities($this->donneeGrid, ENT_QUOTES) ?> ' });
plutôt que passer par une balise que dojo devra parser. Le pire (en terme de performances) étant d'avoir les données, et de mettre une balise avec une URL référençant les données, car dans ce cas Dojo doit parser la balise, et en plus générer un aller-retour vers le server pour obtenir les données qu'il faut ensuite intégrer.

C'est comme tout, selon le contexte cela peut être transparent (1 fois 10ko de donnée sur un intranet), ou pénalisant (10 fois 10 ko de données sur internet). Et c'est du vécu. :cry:

ERE
12/03/2010, 12h43
Daniel_Gibot

J'ai essayé plusieurs fois de faire avec cette méthode mais je recois toujours "une erreur est survenue" sur le datagrid.
Je ne comprends pas d'ou vient le soucis. Quand j'affiche mes données, elles sont bien au format Json.

Petit détail, tu as mis un égal "=" et i lfaut des deux points ":" ^^

Edit : Bon bah c'est bon j'ai trouvé. Une histoire de quotes évidemment :)