Discussion :

[edblv]

Bonjour,
J'ai un controller qui ajoute des box (xtype: 'box') à la volée et je souhaite gérer le double clic et le clic droit sur ces box.
J'ai fait ç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
17
18
19
20
21
22
23
24
25
 
xtype: 'box',
x: iPosXStart,
y: iPosYStart,
layout: 'absolute',
width: 180,
height: (iRange*iRangeHeight),
draggable: true,
html: 'bla bla bla',
listeners: {
	dblclick: {
		element: 'el', //bind to the underlying el property on the panel
		fn: function() {
			console.log('DblClic');
			console.log(arguments);
		}
	}
	contextmenu: {
		fn: function(oEvent) {
			console.log('RightClic');
			console.log(arguments);
			oEvent.stopEvent();
		}
	}
}

mais seul le double clic fonctionne.

Quelqu'un sait pourquoi ?

Merci d'avance

[sekaijin]

Bonjour


box est le xtype pour component soit donc un composant générique.

généralement on utilise un type dérivé et non directement box.

toujours est il que l'événement contextmenu n'existe pas sur le type d'objet box.

je ne sais pas ce que tu cherche à faire mais mieux vaut utiliser un panel ou un type concret plutôt qu'une box.

si tu veux avoir cet événement sur ta box il faut le créer

sur l'événement render tu capture l'objet DOM correspondant et tu intercepte les click droits
sur le DOM element à chaque click droit sur le DOM Element tu crée un événement contextmenu sur ta box.

Code :

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

1
2
3
4
5
6
7
8
9
listeners : {
    render : function(c) {
        c.getEl().on('contextmenu',
           function(event, target, eOpts){ 
              this.fireEvent('contextmenu', eOpts); 
           }, this
        );
    }
}

une bone pratique consiste à creer un xtype dérivant de box et implémentant cet ajout
il suffit ensuite d'utiliser le nouveau xtype.

A+JYT
PS: code fourni pour illuster le principe j'ai pas testé

[edblv]

Génial, c'est exactement ce que je cherchais !
Merci.