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

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',
                 '...'
             ],

我创建存储的变量是因为在Main类中，我必须更改存储的一些代理设置，然后将其传递到其他类中使用。我能做到这一点的唯一方法是用vars创建它们的实例。