Discussion :

[Erwan62]

Bonjour,

J'utilise dans le cadre d'un stage la librairie ExtJS afin de réaliser une application de planning en mode Web.

Je suis actuellement face à un problème assez gênant, je n'arrive pas à gérer l'événement 'click' sur les onglets d'un TabPanel...

En effet, j'ai besoin de déclencher une action lorsqu'on clique sur l'un de ces onglets, représentant ici les mois de l'année. Je pense que c'est dû au fait que je ne trouve pas la fonction permettant de les récupérer, même si j'ai épluché l'API sur les Items et les TabPanel...

Voici le code de mon TabPanel :

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
var tab = new Ext.TabPanel({
		renderTo : 'tab',
        	width : 912,
        	activeTab : 0,
		activeItem : mois,
        	plain : true,
       	        defaults:{autoHeight:true},											
											  enableTabScroll : true,				// Barre de défilement qui apparaît si nécessaire
        									items : [
														{contentEl : 'panel', title : 'Janvier}, 
														{contentEl : 'panel', title : 'Février'},
														{contentEl : 'panel', title : 'Mars'},
														{contentEl : 'panel', title : 'Avril'},
														{contentEl : 'panel', title : 'Mai'},
														{contentEl : 'panel', title : 'Juin'},
														{contentEl : 'panel', title : 'Juillet'},
														{contentEl : 'panel', title : 'Août'},
														{contentEl : 'panel', title : 'Septembre'},
														{contentEl : 'panel', title : 'Octobre'},
														{contentEl : 'panel', title : 'Novembre'},
														{contentEl : 'panel', title : 'Décembre'}
													]
									    });

Même en ajoutant un handler dans les items qui devrait me déclencher un simple 'alert' lorsqu'on clique sur celui-ci, rien ne se passe...

Si quelqun peut m'aider, merci d'avance

[Bovino]

Code :

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

{contentEl : 'panel', title : 'Janvier},

Il manque une quote après Janvier

[Erwan62]

Ha ouais merci^^

Mais c'est pas de là que vient le problème

[senacle]

Tu définis une fonction qui exécute ce que tu veux, puis tu appelles cette fonction lors de l'activation de l'onglet.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var ma_fonction=function(tab){
	alert('coucou');
};
 
............
{
contentEl : 'panel',
title : 'Janvier',
listeners: {activate: ma_fonction}
}
............