我有两个可变高度的extjs项目,可以垂直放置。
我使用Ext.container.Container进行垂直布局,使用以下代码。
Ext.create('Ext.container.Container', {
//height:50,
renderTo: this.renderTo,
layout: {
type: 'vbox'
},
items: [item1,item2],
//autoHeight:true
});
问题是除非指定了容器的高度,否则页面上的项目不可见。但是,嵌入式小部件的高度不是静态的。
有什么方法可以解决这个问题吗?我可以使用的任何其他组件都可以自动伸展到物品的高度。
答案 0 :(得分:5)
而不是高度,将flex
1应用于您的子元素。如果您希望比率不同,可以使用flex
号码。例如,如果您应用flex: 2
和flex: 1
,您将获得第一个元素的三分之二填充,并且第二个元素将填充三分之一。
供参考:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.VBox-cfg-flex