Discussion :

[devkaty]

Salut a tous ,

J'ai une grid et j'ai besion de creer un menu sur click droite sur les ligne de cette grid , alors pour le faire j'ai créé une methode js :

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
 
function maMethode()
{
    var pMenu = new dijit.Menu({
        targetNodeIds : [ "grid" ]
    });
    pMenu.addChild(new dijit.MenuItem( {
        label : "Editer",
        onClick : Modifier
    }));
    pMenu.addChild(new dijit.MenuItem( {
        label : "Supprimer",
        onClick : supprimer
    }));
}

et j'ai appelé cette methode dans grid utilisant l'événement onRowContextMenu

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 <table  dojoType="dojox.grid.DataGrid"
            store="store" jsid="grid" id="grid"
            onRowContextMenu="maMethode">
        <thead>
            <tr>
             .............
            </tr>
        </thead>
    </table>

Le probleme c'est que le menu ne s'affiche pas directement, comme si j'etais obligé de faire deux click droit.
Et le 2eme probleme c'est que je suis obligé de séléctionner une ligne avec click gauche avant de faire le click droite et si je fait directement click droite sur la ligne il séléctionné pas la ligne .

Est ce que quelqu'un peut me dire de où il viens le probleme ? et merci d'avance.

[emmanuel.remy]

Salut,

version 1.3 ou 1.4 ?

ERE

[devkaty]

Désolé, j'avais oublier de spécifier la version , j'utilise la version 1.4

[emmanuel.remy]

Salut,

Désolé, j'avais oublier de spécifier la version , j'utilise la version 1.4

Cela tombe très bien car il existe une grille "étendue": dojox.grid.EnhancedGrid qui supporte nativement les menus

Regarde l'exemple dans la doc (dojo_1.4\dojox\grid\tests\enhanced\test_enhanced_grid.html, cela donne à peu près ça:

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
		<div id="grid1" dojoType="dojox.grid.EnhancedGrid" query="{ Track: '*' }" rowsPerPage="30" 
			plugins='{nestedSorting: true, dnd: true, indirectSelection: true, menus:{rowMenu:"rowMenu", cellMenu:"cellMenu"}}'
			store="csvStore1" structure="layout" rowSelector="20px">
			<div dojoType="dijit.Menu" id="rowMenu"  style="display: none;">
				<div dojoType="dijit.MenuItem">Row Menu Item 1</div>
				<div dojoType="dijit.MenuItem">Row Menu Item 2</div>
				<div dojoType="dijit.MenuItem">Row Menu Item 3</div>
				<div dojoType="dijit.MenuItem">Row Menu Item 4</div>
			</div>
			<div dojoType="dijit.Menu" id="cellMenu"  style="display: none;">
				<div dojoType="dijit.MenuItem">Cell Menu Item 1</div>
				<div dojoType="dijit.MenuItem">Cell Menu Item 2</div>
				<div dojoType="dijit.MenuItem">Cell Menu Item 3</div>
				<div dojoType="dijit.MenuItem">Cell Menu Item 4</div>
			</div>
		</div>

ERE

[devkaty]

Salut,
Merci pour votre response mais j'ai pas compris ce que vous voulez dire

[emmanuel.remy]

Re,

Ce que je veux dire, c'est que tu devrais utiliser dojox.grid.EnhancedGrid (plutôt que dojox.grid.DataGrid) qui inclut en standard ce type de menu.

Techniquement cette grid étend le DataGrid.

ERE