ExtJS手风琴GridPanels不同高度

Question

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

是否有可能使第一个GridPanel比其他两个稍微大一些？

@lmno：

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

可以的Ext.layout.container.Accordion的multi属性设置为true使多个手风琴项目一次打开。

之后，你可以玩collapsed和collapsible网格属性。

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 
      }], 

从煎茶论坛注意到https://www.sencha.com/forum/showthread.php?283045-How-to-have-Grids-under-accordion-panel-with-different-height （发布的代码反正在情况下，链接变成打破未来。）