ExtJS: ViewPort с вертикальной полосой прокрутки

Question

У меня есть 4-5 сеточных панелей, одна панель форм и я хочу поместить ее в один видовой экран.

Вот код:

var panel = new Ext.Viewport({
    layout: 'vbox',
    items:[SearchForm,1_grid_panel,2_grid_panel,3_grid_panel]
});

Он просыпается очень хорошо, но мне нужногоризонтальная прокрутка, потому что 3-я сетка расположена под видимой областью.Как я могу добавить это поле прокрутки?

Обновление: Пример одной сетки

var 1_grid_panel = new Ext.grid.GridPanel({
    store: some_store,
    flex:2,
    height: heightOfGrid,
    autoExpandColumn: 'id_md_dog',
    plugins: expander ,
    view: new Ext.grid.GroupingView({
        markDirty: false
    }),
    tbar: new Ext.PagingToolbar({
        pageSize: 100,
        store: some_store,
        displayInfo: true,
        displayMsg: 'text',
        emptyMsg: "No topics to display"
    }),
    columns: []
});

Answer 1

Вы пробовали autoScroll: true?

Answer 2

Ах, я действительно забыл.Вам нужно описать следующую структуру приложения: Viewport-> Panel-> items (ваши сетки).Панель должна иметь макет: подходит Если я правильно понимаю вашу проблему.