Проблема с макетами

Question

Моя цель - сделать что-то вроде этого:
Есть видовой экран с макетом границы. «Контейнер» и «центр» имеют «подходящую» компоновку. «Панель» имеет макет «vbox» и состоит из трех элементов. Сетка имеет одну строку при первой загрузке. Я хочу, чтобы вся сетка улавливала всю высоту и панели кнопок сверху и снизу. Если я не укажу высоту сетки, «контейнера» или «панели», я ничего не увижу.
Как я могу заставить это работать?

Answer 1

Удалите лишние панели и сделайте панель сетки самой центральной областью расположения границ.«Панели кнопок» должны быть панелями инструментов панели сетки:

new Ext.Viewport({
    layout: 'border',
    items: [
        {
            region: 'center',
            xtype: 'grid',
            // ... other required grid properties, like 'store' and 'columns'
            tbar: [
                // Top toolbar. Items are Ext.Button instances.
                {
                    text: 'Button 1'
                },
                {
                    text: 'Button 2'
                }
            ],
            bbar: [
                // Bottom toolbar. Items are Ext.Button instances.
                {
                    text: 'Button 3'
                },
                {
                    text: 'Button 4'
                }
            ]
        }
    ]
});

Answer 2

Было бы полезно, если бы вы опубликовали код.Если на панели есть tbar и bbar, а ее элементы - это сеточная панель, тогда вы можете согнуть сеточную панель (я думаю, что любое число будет работать), и вы, вероятно, хотите, чтобы layoutConfig был выровнен: 'stretch'.В макете vbox, если не указан дочерний элемент flex, будет использоваться исходный рост дочернего элемента.

Panel({
     layout: {
                type: 'vbox',
                align: 'stretch'
     },
     tbar: {},
     bbar: {},
     items : [{
         xtype:'grid',
         flex: 1
    }]
})

Answer 3

Проблема в том, что сетки и элементы захотят использовать как можно меньше вертикального пространства, если вы не установите для них фиксированную высоту.Лучшее решение состоит в том, чтобы использовать стиль минимальной высоты, чтобы позволить сетке расти столько, сколько она хочет, но всегда иметь хотя бы некоторое минимальное значение.