Discussion :

[hasnaa1988]

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

Code :

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

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 :

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

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

[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

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

[Daniel_Gibot]

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 :

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

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

et le grid :

Code :

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

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

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

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 :

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

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.

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

[emmanuel.remy]

Salut,

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

Code :

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

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.

ERE

[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