Discussion :

[ffert2907]

Bonjour

Please Help, je suis perdu....
j'ai un Viewport qui contient un TabPanel qui contient lui même 2 grids.
le scroll bar n'apparait pas correctement au premier affichage, je dois cliquer sur le bouton refresh de la bbar
pour que la scrollbar verticale soit affichée correctement.
si je met layout : 'fit', dans SessionsGrid la scrollbar s'affiche correctement,
mais du coup la grille en dessous ProfActiviteGrid n'apparait plus (en effet les 2 grilles sont contenu dans 1 seul conteneur).

Voilà une vue d'ensemble


J'ai donc essayé d'inclure chaque Grid dans un Panel, dans une VBox, et autre tests, mais sans résultat, j'ai vraiment du mal avec les méthodes d'ancrage de Ext-JS.
Je suis novice. désolé. (jai fait pleins de tests dans tous les sens)... Je ne sais plus quoi faire... la dépression me guette !!!!!........ ahahahahha

voilà la partie du code qui concerne mon probléme.

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
Ext.onReady(function() {
 
	// **************** GESTION DES SESSIONS *******************	
	var PSessions = new Ext.Panel({
		title: 'Gérer les sessions',
		iconCls: 'x-icon-templates',
		tabTip: 'Gérer les sessions et les professeurs',
		style: 'padding: 0px;',
		frame:true, 
		items : [SessionGrid, ProfActiviteGrid]   // Le problème est ICI  !!!!!!!!!...
	});		
 
	// **************** ADMIN *******************	
	var PanelAdmin1 = new Ext.Panel({
		title: 'Gestion activités',
		iconCls: 'x-icon-configuration',
		tabTip: 'Gérer les activités',
		style: 'padding: 10px;',
		autoScroll: true, 
		border: true,
		items : [{
			xtype : 'tabpanel',
			activeTab : 0,
			id : 'idTabPanelAdmin',
			enableTabScroll : true,
			resizeTabs : true,
			minTabsWidth : 75,
			border : false,
			items : [ProfCoordinateurGrid, PActivites, PSessions]  // Le problème est dans ce module... PSessions
		}]
	});	
 
	// **************** PRESENTATION PAGE ENTIERE *******************	
	var viewport = new Ext.Viewport({
		layout:'fit', 
		visible : true,
		items:[{
			region : 'center',
			applyTo : 'content',
			xtype : 'grouptabpanel',
			style: 'padding: 0 0 93px 0;',
			activeGroup : 0,
			tabWidth : 140,
			autoScroll : true,
			items : [{
				visible : true,
				mainItem : 0,
				items : [PortalTableauDeBord, PanelPresence, PanelConsultation]
			},{
				expanded : true,
				mainItem : 0,
				items : [PanelMonCompte1, PanelCGU1]
			},{
				expanded : true,
				items : [PanelAdmin1, PPrint]   // Le problème est dans ce module... PanelAdmin1
			},{
				expanded : true,
				mainItem : 0,
				items : [PanelHelp, PanelFAQ, PanelDocuments, PanelCredits]
			}]
		}]
	});	
}

NOTA : Si en bonus vous pouvez me dire comment mettre un scroll entre les deux grilles (permettant ainsi le redimesionnement des grilles à la volée..)... ça serait le paradis (peut être un layout :'border'... mais je craint le pire quand j'intégre ça dans un TabPanel.....)...

NOTA bis : j'utilise Ext-JS 3.0.0

Si quelques âmes charitables ont un peu de temps à consacrer à mon problème, ça me sauverais la vie !!!...

Merci.....

[ffert2907]

à la place de PanelAdmin1 il faut lire : PSessions
le PanelAdmin1 contient tous les TabPanels et notamment PSessions

[palnap]

Si c'est pas trop tard...

Code :

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

1
2
3
4
5
6
7
8
9
var PSessions = new Ext.Panel({
	title: 'Gérer les sessions',
	iconCls: 'x-icon-templates',
	tabTip: 'Gérer les sessions et les professeurs',
	style: 'padding: 0px;',
	frame:true, 
	items : [SessionGrid, ProfActiviteGrid],
	layout: 'border'
});

Dans SessionGrid, tu mets region: 'center' et dans ProfActiviteGrid tu mets region: 'south', height: xxx (en pixels, la hauteur accordée à la deuxième grille) et split: true (pour la barre permettant le redimensionnement des grilles).

Aucun soucis à faire ça dans un TabPanel.

++