Как растянуть panel в ext.js на 100% по ширине?

Пользователь

от narciso , в категории: JavaScript , 7 месяцев назад

Как растянуть panel в ext.js на 100% по ширине?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от rudolph_senger , 7 месяцев назад

@narciso 

Для того, чтобы растянуть панель (panel) в ExtJS на 100% по ширине, необходимо задать ей правильные свойства.


Существует несколько способов сделать это. Один из них - использовать свойство layout: 'fit' в конфигурации панели, а затем задать ширину родительского контейнера (например, окна) в 100% с помощью CSS. Например:

1
2
3
4
5
6
7
8
Ext.create('Ext.panel.Panel', {
    layout: 'fit',
    items: [{
        // Тут можно добавить другие компоненты внутрь панели
    }],
    renderTo: Ext.getBody(),
    width: '100%' // задаем ширину родительского контейнера в 100% с помощью CSS
});


Еще один способ - использовать свойство flex: 1 в конфигурации панели. Например:

1
2
3
4
5
6
7
Ext.create('Ext.panel.Panel', {
    items: [{
        // Тут можно добавить другие компоненты внутрь панели
    }],
    renderTo: Ext.getBody(),
    flex: 1 // растянуть панель на всю ширину родительского контейнера
});


Независимо от выбранного способа, не забудьте задать ширину родительского контейнера с помощью CSS.