@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.