面板组件-Fit布局

Fit布局

Ext.layout.FitLayout类实现Fit布局

当容器中只有一个子组件时，通过使用Fit布局来将子组件的尺寸自动扩展为父组件的尺寸，使其充满整个父容器组件内部。

var panel = Ext.create('Ext.Panel', {
    id: 'myFit',
    layout: 'fit',
    items: {
        style: 'background-color: pink',
        html: 'Fit布局',
    }
});

如果存在多个子组件，那么只显示一个子组件

var panel = Ext.create('Ext.Panel', {
    id: 'fit2',
    layout: 'fit',
    items: [
        {
            style: 'lightgreen',
            html: '<b>LIGHTGREEN</b>',
        },
        {
            style: 'lightblue',
            html: '<b>LIGHTBLUE</b>',
        }
    ],
});