Ouverture tableau en bas de page

[abraxis]

Bonjour,

J'ai un panel (region: sud) en accordéon qui contient un tableau, le tout et situé en bas de page.
Mon problème est que je voudrais ouvrir mon accordéon ce qui ajouterais une scrollBar pour pouvoir visualiser mon tableau.
J'ai rajouté un

Code :

autoScroll: true

à mon panel mais rien faire, il ne veux pas me l'afficher.
J'ai déjà un

Code :

layout: 'border'

L'un d'entre vous aurais une idée de comment je pourrais "étendre mon panel" svp ?

Merci par avance.

[abraxis]

Voici le code de ce que j'ai généré avec ExtDisigner

Code :

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
MyPanelUi = Ext.extend(Ext.Panel, {
    title: 'Mon titre',
    width: 1003,
    height: 661,
    layout: 'border',
    initComponent: function() {
        this.items = [
            {
                xtype: 'panel',
                region: 'north',
                height: 50,
                border: false
            },
            {
                xtype: 'panel',
                region: 'center',
                layout: 'accordion',
                activeItem: 0,
                border: false,
                items: [
                    {
                        xtype: 'panel',
                        title: 'Accordéon 1',
                        collapsed: true
                    },
                    {
                        xtype: 'panel',
                        title: 'Accordéon 2',
                        collapsed: true
                    }
                ]
            },
            {
                xtype: 'panel',
                region: 'south',
                width: 100,
                border: false,
                layout: 'fit',
                height: 40,
                items: [
                    {
                        xtype: 'panel',
                        region: 'center',
                        border: false,
                        layout: 'accordion',
                        items: [
                            {
                                xtype: 'panel',
                                title: 'Ma liste',
                                layout: 'fit',
                                collapsed: true
                            }
                        ]
                    }
                ]
            }
        ];
        MyPanelUi.superclass.initComponent.call(this);
    }
});