ExtJS：带有垂直滚动条的 ViewPort答案

【问题标题】：ExtJS: ViewPort with vertical scroll barExtJS：带有垂直滚动条的 ViewPort
【发布时间】：2011-01-25 22:03:07
【问题描述】：

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

【问题讨论】：

您的网格立即可用，或者您有链接可以更改查看的网格？如果是第二个，你如何加载数据？如果触发了哪个事件或其他方法

标签： javascript extjs

【解决方案1】：

你试过autoScroll: true吗？

【讨论】：

那么您可能应该发布更多代码，以便人们可以帮助您解决问题
hm - 你需要哪一部分代码？这里大约 1000 行代码 :)
我认为您想使用 height 或 flex，但不能同时使用同一项目。盒子布局以定义的高度定位所有项目，然后根据相对 flex 值将剩余的视口区域分配给其他项目
谢谢。我尝试仅使用 flex，然后仅在视口处的高度和滚动也不起作用；（另一个想法？
您可以将带有 autoScroll 的单个容器/面板作为 Viewport 的子项，并将所有网格移动为该容器的子项

【解决方案2】：

啊，我真的忘记了。您需要描述下一个应用程序结构：Viewport->Panel->items(your grids)。面板必须有布局：适合如果我正确理解您的问题。

【讨论】：