ExtJS vbox 레이아웃 자동 높이

Question

필자는 수직으로 배치 할 가변 높이 인 두 개의 extjs 항목을 가지고 있습니다.

다음 코드를 사용하여 세로 레이아웃에 Ext.container.Container를 사용하고 있습니다.

Ext.create('Ext.container.Container', {  
    //height:50, 
    renderTo: this.renderTo, 
    layout: { 
     type: 'vbox' 
    },  
    items: [item1,item2], 
    //autoHeight:true 
}); 

문제는 컨테이너의 높이를 지정하지 않으면 항목이 페이지에 표시되지 않는다는 것입니다. 그러나 내장 된 위젯의 높이는 정적이지 않습니다.

이 문제를 해결할 방법이 있습니까? 내가 사용할 수있는 다른 구성 요소는 항목의 높이까지 자동으로 늘릴 수 있습니다.

Answer 1

높이 대신에 flex 1을 자녀 요소에 적용하십시오. 비율이 달라 지길 원하면 flex 번호로 게임을 할 수 있습니다. 예를 들어, flex: 2과 flex: 1을 적용하면 첫 번째 요소에 2/3의 채우기가 적용되고 두 번째 요소에는 1/3의 채우기가 적용됩니다.

참조 용 : http://docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.VBox-cfg-flex