Проблема изменения размера панели Extjs - PullRequest
Новая
       3

Проблема изменения размера панели Extjs

0 голосов
/ 25 июня 2011

Моя страница использует макет границы с центральным и восточным регионами, центральный регион имеет три панели как дочерние, две панели являются разборными.Когда я сворачиваю восточный регион, дочерние панели центральных областей не меняются. 

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'
    }]
});

Что необходимо для изменения размеров панелей в соответствии с центральной областью?Кто-нибудь может мне помочь?

1 Ответ

1 голос
/ 27 июня 2011

Ваш код на самом деле почти работает для меня. Но я предлагаю вам указать макет для вашего центрального контейнера. Стандартный «автоматический» макет не особенно умен. Я предлагаю вам использовать «якорь»: 

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