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

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