Question

我的页面使用中心和东部区域的边框布局，中心区域有三个面板作为子项，两个面板是可折叠的。当我向东区域崩溃时，中心区域子面板不会调整大小。

Ext.require(['*']);
Ext.onReady(function() {


Ext.create('Ext.Viewport', {
    layout: {
        type: 'border',
        padding: 5
    },
    defaults: {
        split: true
    },
    items: [{
        region: 'center',
        border: false,
        items: [{
            html: '<h3>some text...</h3>',
        },{
            height: 100,
            split: false,
            collapsible: true,
            style : {
                marginTop:'20px'
            },
            title: 'panel 1',
            html: 'center panel 1'
        },{
            height: 100,
            split: false,
            collapsible: true,
            style : {
                marginTop:'20px'
            },
            title: 'panel 2',
            html: 'center panel 2'
        }]
    },{
        region: 'east',
        collapsible: true,
        split: true,
        width: 200,
        title: 'East'
    }]
});

根据中心区域使面板可调整大小需要什么？任何人都可以帮助我吗？

Answer 1

您的代码实际上对我很有用。但我建议您为中心容器指定布局。默认的“自动”布局不是特别聪明。我建议你使用“锚”：

items: [{
    region: 'center',
    layout: 'anchor',

Extjs面板调整大小问题

1 个答案: