Question

我有一个手风琴面板，可容纳3个GridPanel。首次显示页面时，前两个面板将展开，最后一个面板将折叠。

是否可以使第一个GridPanel比其他两个稍大？

@lmno：

xtype: 'container',
flex: 2,
layout: { type: 'accordion', border: false, multi: true },
items: [
    { xtype: 'myGrid' },
    { xtype: 'pendingGrid' }
]

您可以将multi的{{1}}属性设置为Ext.layout.container.Accordion，以便一次打开多个手风琴项目。

之后，您可以使用true和collapsed网格属性。

Answer 1

答案是使用手风琴父容器的fill属性。然后子项可以使用flex属性或以另一种方式指定其高度。

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.layout.container.Accordion-cfg-fill

Answer 2

这是专门为你想要实现这个但也有多个：真的

 layout: {
                type: 'accordion',
                animate: true,
                multi: true,
                fill: false
            },
            items: [{
                title: 'Panel 1',
                html: 'Panel content!', flex: 2 // or height
            }, {
                title: 'Panel 2',
                html: 'Panel content!', flex: 1
            }, {
                title: 'Panel 3',
                html: 'Panel content!', flex: 1
            }],

从Sencha论坛https://www.sencha.com/forum/showthread.php?283045-How-to-have-Grids-under-accordion-panel-with-different-height开始（无论如何都要发布代码以防链接在将来被破坏。）

ExtJS手风琴GridPanels具有不同的高度

2 个答案: