Ext JS 面板不会滚动答案

【问题标题】：Ext JS Panel Won't ScrollExt JS 面板不会滚动
【发布时间】：2015-07-15 18:41:36
【问题描述】：

我有一个弹出窗口，它假设在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
        },
        // ...
    ]
});

【问题讨论】：

标签： extjs panel autoscroll

【解决方案1】：

应该是autoScroll，而不是autoscroll。

【讨论】：

【解决方案2】：

知道了！

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

【讨论】：

在这种情况下，您应该将自己的答案标记为解决方案，以向其他用户显示您的问题已经解决。

【解决方案3】：

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

autoscroll 对 Ext JS 没有任何意义，特别是。由于大小写，它成为一个新的 Javascript 属性，与 autoScroll 完全不同。

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

【讨论】：