Sencha touch 如何为下面的覆盖启用滚动条

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

---

如何启用该功能，我正在使用sencha touch

我不确定我们为什么会面临这个问题，但正如@Sujata Chanda所建议的，将“autoScroll”替换为“scrollable”将解决这个问题

以下是演示：

• app.js：
  外部应用程序({ 名称：“演示”， 视图：['Main']

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

  }))

---

在浏览器中检查此项

尝试“可滚动：true”而不是自动滚动。@SujataChanda也尝试过。。不工作-(

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();

}