ExtJS:带有垂直滚动条的ViewPort

时间:2010-12-19 14:15:03

标签: javascript extjs

我有4-5个网格面板,一个表单面板,并希望将其放入一个视口。

这里是代码:

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

它非常好,但我需要水平滚动框,因为第三个网格面板位于可见区域下。我如何添加此滚动框?

更新:一个网格示例

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: []
});

2 个答案:

答案 0 :(得分:2)

您是否尝试过autoScroll: true

答案 1 :(得分:1)

啊,我真的忘了。您需要描述下一个应用程序结构:Viewport-> Panel->项目(您的网格)。面板必须具有布局:合适 如果我正确理解你的问题。