ExtJS 6.0.2对象式布局配置中fit布局对应的属性名是什么

ExtJS 6.0.2 布局配置说明 #

分两种场景对应不同配置方式：

• 如果你需要直接使用fit布局，对象形式的写法只需要指定type字段为fit即可，fit布局本身没有额外专属配置属性，和简写的layout: 'fit'完全等效：

layout: {
    type: 'fit'
}

fit布局适用于容器仅包含一个子项的场景，会自动让该子项撑满容器的全部可用空间。

• 如果你想保留当前的vbox布局，同时实现类似fit的「子项撑满容器剩余可用空间」的效果，不需要修改原有布局配置，只需要给需要撑满的子项添加flex: 1属性即可：

原有vbox布局保持不变：

layout:{
    type:'vbox',
    align:'center'
}

给目标子项添加flex配置：

items: [{
    xtype: 'panel',
    // 子项其他原有属性
    flex: 1 // 新增该属性即可让子项占满vbox布局的剩余垂直空间
}]

内容的提问来源于stack exchange，提问作者Sanskar Soni