Discussion :

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

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

autoScroll: true

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

Code :

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

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 :

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