Bonjour, je n'arrive pas a utiliser correctement les SplitBar. j'aimerais faire n panneaux aligné verticalement dans un conteneur et mettre un Splitter entre chaque panneaux.

Voici un exemple de ce que je fait. Tout se passe bien mais après un collapse le splitter n'est plus solidaire avec la TreePanel.

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
 
 
 
var viewport;
 
function splitterMoved1( split, height)
{
	viewport.findById('Tree1').setHeight(height);
}
 
function splitterMoved2( split, height)
{
	viewport.findById('Tree2').setHeight(height);
}
 
Ext.onReady(function(){
 
	viewport = new Ext.Viewport({
		layout: 'border',
		split: true,
		items: [
 
		{
			region:'center',
			title: 'Center',
			split: true
		},
 
		new Ext.Panel({
			//listeners: {bodyresize: test},
			id:'Panel',
			region:'west',
			split:true,
			autoScroll: true,
			header: false,
			width:200,
			border: false,
			items: [ 
				new Ext.tree.TreePanel({
					id: 'Tree1',
					title: 'Tree1',
					autoScroll: true,
					collapsible: true,
					containerScroll: true,
					root: new Ext.tree.AsyncTreeNode({
						expanded: true,
						children: [{
							text: 'Menu Option 1',
							leaf: true
						}, {
							text: 'Menu Option 2',
							leaf: true
						}
						]
					})
 
				}), 
				new Ext.Panel({
					id:'Split1',
 
				}), new Ext.tree.TreePanel({
					id: 'Tree2',
					title: 'Tree2',
					border: false,
					autoScroll: true,
					containerScroll: true,
					root: new Ext.tree.AsyncTreeNode({
						expanded: true,
						children: [{
							text: 'Menu Option 1',
							leaf: true
						}, {
							text: 'Menu Option 2',
							leaf: true
						}
						]
					})
 
				}), 
				new Ext.Panel({
					id:'Split2',
				})	
			]
 
		})
		]
	});   		
 
	var split1 = new Ext.SplitBar("Split1","Tree1",
                   Ext.SplitBar.VERTICAL);
	var split2 = new Ext.SplitBar("Split2","Tree2",
                   Ext.SplitBar.VERTICAL);
	var TitleSize = viewport.findById('Tree1').getHeight()-viewport.findById('Tree1').getInnerHeight();
 
	split1.setMinimumSize(TitleSize);
	split2.setMinimumSize(TitleSize);
 
	split1.on('moved', splitterMoved1);
	split2.on('moved', splitterMoved2);
 
 
});
Merci pour vos réponses