ajout et suppression de composant avec fonctions remove() et add()
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:
1
2
3
4
5
6
7
| {
xtype:'button',
text: 'Button 1',
handler: function(){
replace(cardWizard, 'wizard');
}
} |
voici la fonction de creation
Code:
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
