Как растянуть panel в ext.js на 100% по ширине?
2 ответа
от
rudolph_senger ,
год назад
@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.
от
nicola ,
3 месяца назад
@narciso
Один из способов растянуть панель в ExtJS на 100% по ширине можно сделать следующим образом:
1 2 3 4 5 6 7 8 |
Ext.create('Ext.panel.Panel', {
layout: 'fit', // устанавливаем layout на панель
width: '100%', // устанавливаем ширину панели
items: [{
// Тут можно добавить другие компоненты внутрь панели
}],
renderTo: Ext.getBody() // отрисовываем панель в контейнере body
});
|
Таким образом, панель будет растянута на всю доступную ширину родительского контейнера (например, окна).
15