Discussion :

[Trogg]

Bonjour,
J'ai mon interface crée avec Ext.js, j'ai un tabPanel avec collapsible: true, donc Panel qui peut être rapetit

J'ai crée un "event", sur la petite flèche qui permet le collapse, qui me permet de passer mon application dans un mode "beta" qd mon panel est rapetit.

Mais biensur quand le Panel va être réagrandis il faut que mon application revienne dans un mode "alpha" (mode initiale).

Problème qui ce pose: Quand on a effectuer le collapse, donc cliqué sur la petite flèche du panel, il ce créé dynamiquement une "nouvelle" petite flèche(flèche qui va permettre de remettre le Panel dans son état initiale, donc visible). Si je crée un "event" sur cette petite flèche crée dynamiquement cela ne réagit pas.

Voici mon code :

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
//Mon Panel
var actionPanel = new Ext.Panel({
		layout:'column',
		region:'south',    
       	height:270,
		title:'ZONE CONFIG',
        autoScroll:true,
		collapsible: true,		
                items:[{
                             ... });	

//Ma fonction
function handleMouseClickOnBandeau(e){
...//Change le mode de mon appli
}

//Mes event
Ext.EventManager.on("ext-gen31",'click',handleMouseClickOnBandeau);
Ext.EventManager.on("ext-gen105",'click',handleMouseClickOnBandeau);

PS: "ext-gen31", correspond à la petite flèche initiale crée par ext.js
et "ext-gen105", correspond à la petite flèche crée une fois la première cliqué avec la souris.

Donc comment puis je créer mon event sur la petite flèche qui n'est pas existante au départ, car elle est crée une fois mon Panel rapetit.

Merci à vous

[Keihilin]

Je pense que tu te compliques un peu la vie en voulant te brancher sur l'event "de la petite flèche"

L'objet Panel expose un grand nombre d'events dont tu peux te servir dans ce cas; en particulier les events expand (lancé après que le panel ai été étendu) et collapse (lancé après que le pale ai été réduit).

[Trogg]

Ok je vien de voir dans la doc ext.js merci pour la réponse rapide ^^ maintenant reste a voir comment l'implenter, et oui je débute

[Trogg]

Je revien sur mon problème, après de nombreuse recherche, je vois pas comment utiliser ces 2 évènements. Pourtant cela à l'air simple.
Première fois que j'utilise cette librairie et surtout débutant en javascript.
Comment dire à l'aide des event "expand" et "collapse" :
Si mon "actionPanel" a été rapetit je passe dans mon mode "beta"
Si mon "actionPanel" a été agrandi je passe dans mon mode "alpha"

C'est surtout la syntaxe qui me pose problème.
Surement la fin de journée qui m'aide pas, désolé

[Derfouille]

Bonjour,
J'ai un peu le meme probleme que Trogg, j''ai trouver quelque chose mais je n'arrive pas a le faire marcher:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
myEventListener = new Object();
myEventListener.onExpand = function(args){
   //Traitement lors d'un expand
}
componentInstance.addEventListener("onExpand",myEventListener);
 
myEventListener = new Object();
myEventListener.onCollapse = function(args){
  //Traitement lors d'un collapse	
}
componentInstance.addEventListener("onCollapse",myEventListener);

Mon soucis est de savoir quoi mettre a la place de Object();

Et y a peut etre une solution plus simple, mais je trouve pas beaucoup de doc sur la partie Event de ExtJS

Cordialement

[dr.krusty]

Bonjour,

je sais que je déterre un view topic mais j'ai eu le même genre de problème et j'ai trouvé une solution ...

je me dis que ça servira peut être à quelqu'un

Peros, je crée un panel de la façon suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
new Ext.Panel({
	title: monTitre,
	name: monNom,
	collapsible: 'true', 
	listeners: {
		'collapse': function() {
			alert("collapse");
		}, 
		'expand': function() {
			alert("expand");
		}
	}
	});