ExtJS vboxレイアウトの自動高さ

Question

私は、縦にレイアウトする可変な高さの2つの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を適用すると、最初の要素では3分の2、2番目の要素では1分の3が塗りつぶされます。

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