Layout Extjs子项未填充父容器

我的问题是，即使我在boarder布局中的所有子项中使用“layout:‘fit’”，它们也只是缩小到一个小框中，而不是填充父项，如fit layout中所述

我想让EDS.view.selector.Container填充寄宿生布局的“导航”部分

(Code excerpt)

Ext.define('EDS.view.selector.Container', {
    extend: 'Ext.panel.Panel',
    alias : 'widget.selectorcontainer',

    layout: 'fit',
    initComponent: function(){
         this.items = [
                {
                    xtype: 'tabpanel',
                    defaults: {
                        bodyPadding: 10
                    },
                    layout: 'fit',
                    items:[
                         {
                             title: 'Organization',
                             id: 'selector-organization',
                             tag: 'div',                             
                             html: 'div here',
                             height: '100%',
                         }                  
                    ]
                }
        ],
        this.callParent();
    },
});



(Controller)
init: function(){
    console.log('controller.init()');

    new Ext.Viewport({
        title: 'Data Analysis',
        layout: 'border',
        defaults: {
                collapsible: true,
                split: true,
                bodyStyle: 'padding: 15px',
        },
        items: [{
            title: 'Navigation',
            region:'west',
            margins: '5 0 0 0',
            cmargins: '5 5 0 0',
            width: 600,
            minSize: 100,
            maxSize: 250,
                items: [
                    {
                    id: 'selector-container',
                        xtype: 'selectorcontainer',
                        layout: 'fit',
                    }
            ]
        },{
            title: 'Main Content',
            collapsible: false,
            region:'center',
            margins: '5 0 0 0'
        }]
    });
}

---

您没有在边框布局中设置包装容器的布局：

items: [{
    title: 'Navigation',
    region:'west',
    layout: 'fit',
    ...
    items: [

            ]
    },{
    title: 'Main Content',
    collapsible: false,
    region:'center',
    layout: 'fit',
    ...
}]

---

请记住：在ExtJS中，任何进入容器的

items

属性的普通JS对象都将转换为该容器的

xtype

属性定义的

xtype

类型的Ext组件。在大多数情况下，它将是

面板

您没有在边框布局中设置包装容器的布局：

items: [{
    title: 'Navigation',
    region:'west',
    layout: 'fit',
    ...
    items: [

            ]
    },{
    title: 'Main Content',
    collapsible: false,
    region:'center',
    layout: 'fit',
    ...
}]

---

请记住：在ExtJS中，任何进入容器的

items

属性的普通JS对象都将转换为该容器的

xtype

属性定义的

xtype

类型的Ext组件。在大多数情况下，它将是

面板

谢谢。我认为我犯的错误是为子元素而不是父容器设置了“fit布局”。实际上，您可以将

选择器或容器直接放入其中一个区域，而无需包装容器。谢谢。我认为我犯的错误是为子元素而不是父容器设置了“fit布局”。实际上，您可以直接将
选择器或容器
放入其中一个区域，而无需包装容器。