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

而不是高度,将flex1应用于您的子元素.如果您希望比率不同,您可以使用该flex数字.例如,如果您申请flex: 2,flex: 1您将获得第二个元素的三分之二填充,第二个元素填充三分之一.

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