Discussion :

[senobogos]

Salut

Je suis débutant en EXTJS4. J'ai un un panel principal est divisé en deux régions (layout border), un "centerPanel" avec son id "centerPanel et un "west". Dans mon "west" j'ai deux boutons. Les boutons permettent d'ajouter des panels dans le "center". Voici le code des boutons

Code :

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

1
2
3
4
5
6
7
{ 
                 xtype:'button',
                 text: 'Button 1',
                 handler: function(){
                                replace(cardWizard, 'wizard');
                            }
                }

voici la fonction de creation

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var currentName;
            var replace = function(config, name) {
 
                var cp = Ext.getCmp('centerPanel');
                if (name && name != currentName) {
                    currentName = name;
                    cp.remove(0);
                    cp.add(Ext.apply(config));
                }    
            }

le panel à jouter est un cardwizard contenant deux formulaires et le deuxieme est un formulaire simple.

Le problème qui se pose est que: lorsque je clique une fois sur le bouton 1, le panel associé apparait; lorsque je clique une deuxieme fois sur le même bouton, les composants du panel commencent à disparaitre jusqu'à la disparition total du panel. C'est comme si la fonction add() n'agit qu'une fois. De même si je clique sur le bouton 1 le panel associé apparait puis sur le bouton2, le panel1 disparait et le 2 apparait. Lorsque je reclique sur le bouton1, les composants commencent à disparaître.
Peut être j'utilise la mauvaise méthode comment passe ton d'un panel à autre

[kenny.kev]

alors c'est tout a fait normal. En extjs tu ne peux créer plusieurs élément avec le meme id.

de plus dans ton code tu fais un remove() et ensuite un add().