다른 높이의 ExtJS 아코디언 GridPanels

Question

나는 3 개의 GridPanels을 보유하고있는 아코디언 패널을 가지고있다. 처음 페이지가 표시되면 처음 두 패널이 확장되고 마지막 패널이 축소됩니다.

첫 번째 GridPanel을 다른 두 개의 GridPanel보다 약간 크게 만들 수 있습니까?

@lmno는 :

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

당신은 한 번에 열려 있어야 여러 아코디언 항목을 활성화 true에 Ext.layout.container.Accordion의 multi 속성을 설정할 수 있습니다.

그 후에는 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 가 (어쨌든 코드를 게시 나중에 깨졌습니다.)