Discussion :

[abraxis]

Bonjour,

Je cherche à cacher un onglet juste après sa création (pour le faire réapparaître un peu plus tard)
J'utilise je pense la bonne méthode mais rien ne ce passe ...

voici mon code :

Code :

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

1
2
3
4
5
6
7
8
var layoutCenter = new Ext.TabPanel({
		region: 'center',
		id: 'layoutCenter',
		title: 'Liste',
		activeTab: 0,
		margins: '5 5 5 0',
		items: [accueilCat, navigation]
});

Code :

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

1
2
3
4
5
6
7
8
9
10
var navigation = new Ext.Panel(
	{
		title: 'Navigation',
		id: 'navigation',
		border: false,
		autoScroll: true,
		//hidden: true,
		body: ''
	}
);

J'ai essayé ceci :

Code :

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

Ext.getCmp('layoutCenter').hideTabStripItem('navigation');

Puis :

Code :

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

Ext.getCmp('layoutCenter').items.items[1].hide();

Mais rien ne ce passe :/
Je n'est aucune erreur...

Si vous pouviez m'apporter vos lumières : )))

Merci par avance ^^

[JulienFio]

Bonjour,

Essayes:

Code :

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

1
2
 
var monItem = Ext.getCmp('layoutCenter').getItem('navigation'); //Pour récupérer ton item

ensuite pour le cacher:

Code :

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

1
2
3
4
 
monItem.hide();
//ou
monItem.setVisible(false);

Sinon ton erreur provient peut-être de ceci:

Code :

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

1
2
 
Ext.getCmp('layoutCenter').hideTabStripItem(Ext.getCmp('navigation'));

[abraxis]

Je viens de tester les 3 solutions mais aucune ne fonctionne...
Aucune remontrée d'erreur
quand je fait un

Code :

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

console.info(monItem);

il me retourne bien l'objet (panel) que je veux cacher.

Je n'est pas préciser dans mon premier post mais le faite que le tabPanel que je veux traiter ce trouve lui même dans un tabPanel ne gène en rien ?

[JulienFio]

Le container que tu souhaites cacher c'est bien un Panel non ?

Code :

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

1
2
3
4
5
6
7
8
9
10
var navigation = new Ext.Panel(
	{
		title: 'Navigation',
		id: 'navigation',
		border: false,
		autoScroll: true,
		//hidden: true,
		body: ''
	}
);

Contenu par ton tabPanel. C'est bien ça ? ou est-ce qu'en fait ton container 'navigation' est en fait un tabPanel ? Si oui, c'est peut-être ça qui pose problème

[abraxis]

je confirme que 'navigation ' est bien un panel et que c'est lui que je veux cacher.

Je viens de tester

Code :

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

1
2
3
monItem.hide();
//et
monItem.setVisible(false);

Dans la console de firebug et cela ne fonctionne pas non plus alors que

Code :

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

Ext.getCmp('reportinglayoutCenter').hideTabStripItem(Ext.getCmp('navigationReport'));

fonctionne dans la console (mais pas dans le code....).

[JulienFio]

Peux-tu poster ton code en entier ? (y compris ton tabPanel qui contient ton second tabPanel)