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個三分之一，在第二個元素上填充1個三分之一。

僅供參考：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.VBox-cfg-flex