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 （發佈的代碼反正在情況下，鏈接變成打破未來。）