javascript Sencha touch仅在浏览器中不在设备上显示数据

Question

Sencha touch 2.4.1不在设备上显示数据，但在浏览器中显示。 这是我的代码：

{
                    flex: 3,
                    xtype: 'container',
                    type: 'hbox',
                    layout: 'fit',
                    height: '400px',
                    align: 'center',
                    items: [{
                        xtype: 'dataview',
                        height: '400px',
                        store: myStore,
                        padding: 15,
                        itemTpl: "{foo}"

                    }]

“ {Foo}”仅在浏览器中显示，而在我的设备上则不显示。 其他所有内容均可在两者上完美显示并正常运行。 在调试设备时，我可以在store: myStore,添加一个断点store: myStore,行我看到它包含了“ {foo}”的所有正确信息，但是不会显示在设备上。 救命。

有任何想法吗？ 谢谢

商店代码：

var myStore = Ext.create('myApp.store.myStore');
var myStoreTwo = Ext.create('myApp.store.myStoreTwo');


Ext.application({
    name: 'myApp',

    requires: [
        'Ext.MessageBox',
        'myApp.store.amyStore',
        'myApp.store.myStoreTwo'
    ],

    views: [
            'Main',
            '...'
        ],

        models: [
                 '...',
                 '...',
                 '...'
             ],

        stores: [
                 'myApp.store.myStore',
                 'myStoreTwo',
                 '...'
             ],

我创建商店的变量，因为在主类中，我必须更改商店的某些代理设置，然后将其传递给其他类以供使用。 我能使它起作用的唯一方法是使用vars创建它们的实例。

Answer 1

可能您的数据结构有些不同或已损坏。 尝试将以下内容放入您的项目模板。 它将显示传递给模板的数据：

itemTpl: "{[console.log(values)]} {foo}"

Answer 2

确保通过sencha app build命令打包应用sencha app build您在app.json中提到了所需的json / xml文件， 否则 ，打包过程中它不会捆绑数据文件。 我认为您正在尝试使用proxy:{ type:'ajax'}从json / xml文件中获取数据。

此外，当您在app.json中包含json / xml文件时，请不要忘记在应用程序目录中使用sencha app refresh命令来刷新sencha应用程序。