我有两个高度可变的 extjs 项目要垂直布局。
我正在使用 Ext.container.Container 进行垂直布局,使用以下代码。
Ext.create('Ext.container.Container', {
//height:50,
renderTo: this.renderTo,
layout: {
type: 'vbox'
},
items: [item1,item2],
//autoHeight:true
});
问题是除非指定容器的高度,否则这些项目在页面上不可见。但是,嵌入式小部件的高度不是静态的。
有没有办法解决这个问题?我可以使用的任何其他组件都可以自动拉伸(stretch)到项目的高度。
最佳答案
应用 flex
而不是高度1 到您的子元素。如果您希望比率不同,可以使用 flex
数字。例如,如果您申请 flex: 2
和 flex: 1
您将在第一个元素上填充三分之二,在第二个元素上填充三分之一。
供引用:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.VBox-cfg-flex
关于extjs4 - ExtJS vbox 布局自动高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8073280/