sencha touch 2 проблема с Ext.List

Question

У меня проблема с отображением моего компонента 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] [Anonymous] [Ext.Loader] Синхронно загрузки «Ext.data .Хранить'; рассмотреть добавление «Ext.data.Store» явно, как требует от соответствующего класса

Спасибо.

Answer 1

Вы видите это предупреждение, потому что лучшая практика, чтобы сделать это в Сенча 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' 
} 
});