Cacher un onglet [Résolu]

[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 :

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 :

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 :

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

Puis :

Code :

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 :

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

ensuite pour le cacher:

Code :

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

Sinon ton erreur provient peut-être de ceci:

Code :

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 :

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 :

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 :

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

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

Code :

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)

[abraxis]

oups j'ai édité mon post en même temps que tu répondais...

J'espère ne pas oublier de partie...

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var tab = new Ext.TabPanel(
		{
			id: 'mainTab',
			border: false,
			region: 'center',
			deferredRender: true,
			activeTab: 0,
			plain: true,
			items: [
				{
					title: Accueil,
					layout: 'fit',
					closable: false,
					border: false,
					autoScroll: true,
					items: new accueillayout()
				}
			]
		}
	);

Code :

Ext.getCmp('mainTab').add(reportlayout);

Code :

1
2
3
4
5
6
7
8
9
10
11
12
reportlayout = Ext.extend(Ext.Panel, {
	id:'reportlayout',
	title: module2,
	layout: 'border',
	border: false,
	initComponent: function() {
		this.items = [
				layoutWest, layoutCenter
		];
		reportlayout.superclass.initComponent.call(this);
	}
});

Code :

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]
});

voilà, bonne lecture ^^
(Au passage si il y a moyen d'optimiser mon code je suis preneur : p)

[JulienFio]

Je pense que tu as un problème dans la hiérarchie de tes container, quand je teste la méthode

Code :

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

Cela fonctionne très bien pour mon code.

Mon cas de figure:
Panel -> tabPanel -> deux panels // J'en cache un des deux

Déjà, reportlayout est un constructeur (qui étend de Ext.Panel), je pense qu'il serait plus judicieux de l'instancier en faisant un new reportlayout(); plutot qu'un simple add(reportLayout)

[abraxis]

J'ai testé et rien a faire...
J'ai testé la disable sur ce même onglet et la par contre ça fonctionne

Donc comme la désactivation fonctionne je vais laisser le disabled ^^

Merci pour ton aide : )))

Au passage tu serais si on peu ouvrir un .pdf dans extjs ?