在Sencha Touch 2中加载动画交互式内容

时间:2014-04-23 20:58:32

标签: mobile extjs sencha-touch sencha-touch-2

我想在我的应用中加载的网址上有动画互动测验。网址是 http://some-link/story.html。它是一个HTML文件,虽然内容是动画和交互式的。但是当我加载它时,只有空白才出现。我正在使用Android 4.3在设备上使用cordova进行测试 我用它来加载动画

Ext.define('MyApp.view.MyPanel', {
extend: 'Ext.Panel',
config: {
    id: 'MyPanel',
    itemId: 'MyPanel',
    scrollable: true,
    listeners: [
        {
            fn: 'onMyPanelActivate',
            event: 'activate'
        }
    ]
},    onMyPanelActivate: function(newActiveItem, container, oldActiveItem, eOpts) {
    Ext.Ajax.request({
        //local path of your html file
        url: 'http://some-link/story.html',
        success : function(response) {
           Ext.getCmp('MyPanel').setHtml(response.responseText);
        },
        failure : function(response) {  
            var text = response.responseText;
            Ext.Msg.alert('Error', text, Ext.emptyFn);            }
    });
}});

II试图在Ext.Video中加载它但仍然没有出现。请帮忙。

1 个答案:

答案 0 :(得分:0)

问题是这会在特定的URL上加载HTML内容,但是如果该HTML页面上也有图像并且它们具有相对路径(../ images / this.jpg),则此方法不会加载这些图像

如果我在iframe上加载我的页面,那么它会正确加载。再说一次,swf动画不适用于较新版本的Android,因为没有闪存支持。