与Ext.List的sencha touch 2问题

时间:2012-05-12 10:49:11

标签: listview sencha-touch sencha-touch-2

我在显示Ext.list组件时遇到问题。 这是我的代码:

Ext.define("iphone.view.customers.List", {

extend: 'Ext.List',
xtype: 'customersList',

config: {

    fullscreen: true,
    title: 'Customers List',
    ui: 'round',
    itemTpl: [ '{title}' ],

    data: [
        { title: 'Item 1' },
        { title: 'Item 2' },
        { title: 'Item 3' },
        { title: 'Item 4' }
    ]
}
});

当我启动应用程序时,控制台会发出此警告,并且不显示任何内容:

  

[WARN] [匿名] [Ext.Loader]同步加载'Ext.data.Store';   考虑明确添加'Ext.data.Store'作为要求   相应的班级

感谢。

1 个答案:

答案 0 :(得分:2)

您会看到该警告,因为在Sencha Touch 2中执行此操作的最佳做​​法是:

  • 使用Ext.data.Store配置定义data(本例中为内联数据)

  • 假设您定义的商店为listStore,请在列表定义中使用此配置:store: listStore

希望这有帮助。

您的情况的一个示例:

Ext.define('iphone.store.Customers', {
    extend: 'Ext.data.Store',

    config: {
        model: 'iphone.model.Customer',
            data: [
                      { title: 'Item 1' },
                      { title: 'Item 2' },
                      { title: 'Item 3' },
                      { title: 'Item 4' }
                    ]
    }
});

并列出:

Ext.define("iphone.view.customers.List", {

extend: 'Ext.List',
xtype: 'customersList',

config: {

    fullscreen: true,
    title: 'Customers List',
    ui: 'round',
    itemTpl: [ '{title}' ],

    store: 'Customers'
}
});