Question

el.overlay = Ext.create('Ext.Panel', {
                                    itemId:'widgetInfoPanel',
                                    html: htmlText,
                                    height: 200,
                                    width: 300,
                                    autoScroll:true,
                                    modal: {
                                        style: 'opacity: 0'
                                    },
                                    hideOnMaskTap:true,
                                    items: [
                                        {
                                            xtype: 'button',
                                            text: "Close".toUpperCase(),
                                            cls: 'button-orange',
                                            listeners: {
                                                tap: function (button) {
                                                    el.overlay.hide();
                                                }
                                            }
                                        }
                                    ]
                                });

正如您所看到的，这是一个在按钮点击时创建的简单叠加层，但是当html内容太长时，它应该显示滚动条，因为我已将autoScroll propoerty设置为true但我没有看到。

我如何启用，我正在使用sencha touch

Answer 1

我不确定为什么会遇到这个问题，但正如@Sujata Chanda建议更换“autoScroll＆＃39;可滚动的＆＃39;将解决问题。

以下是演示：

app.js：

Ext.application（{ 名称：＆＃39;演示＆＃39;，观点：[＆＃39; Main＆＃39;]，

launch:function() {
    var mainView = Ext.create('Demo.view.Main');
    //Ext.Viewport.add(mainView);
    var overlay = Ext.create('Ext.Panel', {
        itemId:'widgetInfoPanel',
        html: 'Hellllllloooojsdghaaaassssasdasdasdasdasdasdasfasfjgasjfasgfjasgfhasgfhjasgfhasgfjhasgfhdgfhjgasfjkagsfadsgfjhkdsagfjkaegfuywegfkjsadgfuwegfjaesgfiouwerhiuwegrowergiuweghfksjdbfsudiyriuweahbrkjewhabfuweyuiwehiuewhiuuuuudhfudsfhdsufjsdhgfuwiaegfdjsbfiuweagiwejhiuewriewougrhoiweuqgioweuagfiuadsgfuagsefwaeygruyaeygsfuaeisdgfaksdjfgkasdjgfksdjagfksjadhfgewuygfjksdhbfuaegsyfajkhsgfuywegfbjkhsaegrou8weybfkuwegr',
        height: 200,
        width: 300,
        scrollable:true,
        modal: {
            style: 'opacity: 0'
        },
        hideOnMaskTap:true,
        items: [
            {
                xtype: 'button',
                text: "Close".toUpperCase(),
                cls: 'button-orange',
                listeners: {
                    tap: function (button) {
                      overlay.hide();
                    }
                }
            }
        ]
    });
    Ext.Viewport.add(overlay);
    overlay.show();

}

}）;

在浏览器中查看此内容！

如何为此后续叠加启用滚动条

1 个答案: