Discussion :

[lilington]

bonjours ,
je suis debutant avec ext. j'ai chercher sur http://extjs.com/deploy/ext-3.0-rc2/docs/
et j'ai vu qu'il existe une fonction pour faire ce que je veux mais je ne sais pas trop comment on l'utilise et ou on la place. ce que je veux faire c'est par exemple tout simplement faire un alert() quand on click sur une tab.
soit j'ai 2 tab 1 et tab2 quand on clique sur tab1 j'ai un message d'alert.
puis-je s'il vous plait avoir de l'aide la dessus merci?

[bigben89]

A priori, rien de bien compliqué, il suffit de jouer avec les listeners.
Si j'ai bien compris, tu ne veux afficher l'alerte que si tu cliques sur le panel tab1 ?
Dans ce cas, tu peux faire comme ç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
var tab1 = new Ext.Panel({
    id: 'tab1',
    // ...
});
var tab2 = new Ext.Panel({
    id: 'tab2',
    // ...
});
 
var tabPanel = new Ext.TabPanel({
    items: [ tab1, tab2 ],
    // ...
    listeners: {
        tabchange: function(panel, activeTab){
            if( activeTab.id == 'tab1'){
                alert('tab1 sélectionné');
            }
        }
    }
})

[lilington]

je crois que tu as bien compris ce qui etait ecrit mais j'ai donc pas ete assez precis. en faite ton code ne marche pas peut etre parceque j'ai une grid je montre un peu de code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var vehicle_grid_full = new Ext.grid.GridPanel({
        id:'vehicle_grid_full',
        store: store_vehicle,
        title:'车辆信息',
        listeners:{
            tabchange: function(panel, activeTab){
            if( activeTab.id = 'vehicle_grid_full'){
                alert('tab1 sélectionné');
            }........
              ........

et vehicle_grid_full se trouve:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var panel_center_center = new Ext.TabPanel( 
      {
        region:'center', 
        border: true,
        deferredRender:false,
        split:true,
        autoScroll:true,
        activeTab:0,
        items:[vehicle_grid_full] 
      });

l'autre tab du panel est en faite un formulaire cree et detruit dynamiquement, ce que je cherche a faire en faite c'est que si on clique sur vehicle_grid_full il detruise aussi le(ou la tab) formulaire. donc le formulaire est detruit quand on clique sur soumettre, annule ou quand on bascule vers la tab vehicle_grid_full.
la destruction ne pose pas de probleme, c'est pour ca que je demande juste un alert.
ton code marche oui mais pas dans mon cas. Merci pour ta reactivite. puis-je avoir encore un peu d'aide?

[lilington]

pardon, mille pardon. j'ai place le listener dans la grid au lieu du contener de la grid. c'est bon ca marche. on peut dire affaire classe. merci


ps: il faut corriger la double egalite manquante pour ...id=='tab1'