Ext JS 面板不会滚动

Question

我有一个弹出窗口 windows，它应该在 centerPanel 中显示一封电子邮件（在 html 中）。该面板位于边框布局的 center 区域。

绝对有 autoscroll 设置为 true 我知道我的测试数据比面板大得多。但我无法让它滚动。

是否有更好的设置方法？我尝试了一些其他对象，如 label、display、textarea 等作为 center 面板中的项目，并将该对象设置为 autoscroll : true没有成功

popup = new Ext.Window({
    width: 900,
    height: 320,
    resizable: true,
    draggable: true,
    id: 'popupWindow',

    layout: {
        type: 'border'
    },

    items: [
        // ...
        {
            xtype: 'panel',
            region: 'center',
            id: 'centerPanel',
            autoscroll: true,
            margin: '0 5 0 5',
            html: jsonData.email
        },
        // ...
    ]
});

Answer 1

知道了！

我必须将 overflowY: 'scroll' 添加到中心面板。

Answer 2

应该是autoScroll，不是autoscroll。

Answer 3

Thev的回答是正确的；但是，这取决于您使用的是哪个版本的 Ext JS（请阅读下文）。

autoscroll 对 Ext JS 毫无意义。由于外壳的原因，它变成了与 autoScroll 完全不同的新 Javascript 属性。

不过要注意：Ext 的 5.1 Documentation 指定 autoScroll 现在已弃用，应该使用 scrollable（具有适当的配置）。

Ext JS 面板不会滚动

Ext JS Panel Won't Scroll

extjs

panel

autoscroll