Sench Touch 2 - リストのレンダリング

Question

私はシンプルなMVC Sencha Touchアプリケーションを1つの店舗、2つのモデル、2つのビュー（ツールバーとリスト）で持っています。私のツールバーはうまくレンダリングされますが、リストは表示されません。例外がスローされず、私が間違っていることを見つけることができません。

ストア（Books.js）：

Ext.define('App.store.Books', { 
    extend: 'Ext.data.Store', 
    model: 'App.model.Book', 
    autoLoad: true, 
    data: [ 
    { id: '1', name: '1984', publisher: 'Orwell' }, 
    { id: '2', name: 'Biography', publisher: 'abcde' }, 
    { id: '3', name: 'The Old Man and the Sea', publisher: 'Hemingway' } 
    ] 
}); 

ビュー（List.js - 私は別のBar.js細かいレンダリング）：

Ext.define('App.view.List', { 
    extend: 'Ext.List', 
    store : 'Books', 
    xtype : 'mylist', 
    itemTpl: '<div><strong>Name: {name}</strong>Publisher: {publisher}</div>' 
}); 

ビューポート（Viewport.js ） - 私はいくつかの例で見たようExt.Containerを拡張：私が書いたように

Ext.define('App.view.Viewport', { 
    extend: 'Ext.Container', 
    requires : [ 
     'App.view.Bar', 
     'App.view.List' 
    ], 
    config: { 
     fullscreen: true, 
     layout: 'fit', 
     items: [ 
     { 
      xtype : 'toolbar', 
      docked: 'top' 
     }, 
     { 
      xtype: 'mylist' 
     } 
     ] 
    } 
}); 

- 私のツールバーが表示されている、私のリスト（「mylistという」）がありません。 私は何が間違っているか間違っていますか？

おかげ

Answer 1

は、あなたのビューに

Ext.define('App.view.List', { 

    extend: 'Ext.List', 
    config: { 

     title: 'Books', 
     cls:  'books', 
     store: 'Books', 
     itemTpl: '<div><strong>Name: {name}</strong>Publisher: {publisher}</div>' 

    } 

}); 

を設定を追加してみてください