Android平板电脑中的Sencha Touch Panel Scrollability问题

时间:2013-06-19 06:38:16

标签: html css html5 sencha-touch sencha-touch-2

我在Sencha touch中有一个面板,显示了一些htm文件。

 Ext.define('Project.view.eula.EulaPanel',{
extend:'Ext.Panel',
requires: ['Ext.Ajax','Ext.Panel'],
xtype:'eulaPanel',  
id:'eulaPanel',
config:
{
    scrollable:true,
    padding:10,
     listeners: {
            activate: 'onActivate'
        },

        // Create a new configuration called `url` so we can specify the URL
    url: 'resources/eula/EULA.htm',
    items:[
         {
             xtype:'toolbar',
             docked:'top',
             items:[
                    {
                        xtype:'button',
                        text:'Accept',
                        action:'eulaAcceptBtn',
                    },
                    {
                        xtype:'button',
                        text:'Decline',
                        action:'eulaDeclineBtn',
                    },


                    ]

         }


        ]

},
onActivate: function(eulaPanel, container) {
    Ext.Ajax.request({
        url: this.getUrl(),
        method: "GET",
        success: function(response, request) {
            eulaPanel.setHtml(response.responseText);
        },
        failure: function(response, request) {
            eulaPanel.setHtml("failed -- response: " + response.responseText);
        }
    });
}
});

此面板是打开应用程序时显示的第一个面板。但它无法滚动。如果您导航到任何其他页面或再次重新打开该应用程序,该面板将变为可滚动。如果有人知道修复,请告诉我。

1 个答案:

答案 0 :(得分:0)

只需尝试在Panel中设置可滚动配置,而不是真正的

scrollable : {
      direction     : 'vertical'
 }