Sench Touch 2 - 목록 렌더링

Question

나는 도구 모음과 목록 인 1 개의 상점, 2 개의 모델과 2 개의보기가있는 간단한 MVC Sencha Touch 응용 프로그램을 가지고 있습니다. 내 도구 모음은 훌륭하게 렌더링되지만 목록에는 표시되지 않습니다. 예외가 발생하지 않으며 내가 잘못하고있는 것을 찾을 수 없습니다.

저장소 (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 - I 가진 다른 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>' 

    } 

});