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, 行添加一个断点，我看到它包含“{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}"