뷰에서로드 할 스토어에서 데이터를 가져올 수 없습니다.

Question

Sencha Touch2를 처음 사용하고 프록시를 사용하기 전에 간단한 스토어에서 임의의 데이터를로드하여 앱을 시작하려고합니다. . 내보기가 표시되지만 데이터가 채워지지 않습니다. 이 질문을 보았지만 해결하는데 도움이되는 것은 없습니다. 어떤 도움과 인내도 감사합니다. 감사합니다 adavance!

내 모델

Ext.define('SenchaFirstApp.model.Distributors', { 
     extend: 'Ext.data.Model', 
     config: { 
      fields: [ 
       {name: 't', type: 'string'}, 
       {name: 'distr', type: 'string'}, 
       {name: 'group', type: 'string'}, 
       {name: 'site', type: 'string'}, 
       {name: 'status', type: 'string'}, 
       {name: 'actuve', type: 'string'}, 
       {name: 'assigned', type: 'string'}, 
       {name: 'state', type: 'string'}, 
       {name: 'schedule', type: 'string'}, 
       {name: 'finished', type: 'string'} ], 
     } 
     }); 

내보기

var distrStore = Ext.create('SenchaFirstApp.store.DistributorStore'); 
Ext.define('SenchaFirstApp.view.DistributorView', { 
      extend: 'Ext.dataview.DataView', 
      requires: [distrStore, 'Ext.data.Store', 'Ext.dataview.List'], 
      model: 'SenchaFirstApp.model.Distributors', 
      xtype: 'mainlist', 
      fullscreen: true, 

     config: 
     { 
      fullscreen: true, 
      layout: 'fit', 
      border: 5, 
      title: 'Distributors', 
      html: 'My datalist', 
      autoLoad: true, 

      items:{ 
       title: 'Setup', 
       xtype:'list', 
       store: distrStore, 
       fields: [ 
        { 
         text: 'T', 
         width: 1, 
         sortable: false, 
         hideable: false, 
         dataIndex: 't' 
        }, 
        { 
         text: 'Distributor', 
         width: 50, 
         sortable: false, 
         hideable: false, 
         dataIndex: 'distr' 
        }, 
        { 
         text: 'Group', 
         width: 20, 
         sortable: false, 
         hideable: false, 
         dataIndex: 'group' 
        }, 
        { 
         text: 'Site Name', 
         width: 20, 
         sortable: false, 
         hideable: false, 
         dataIndex: 't' 
        }, 
        { 
         text: 'Status', 
         width: 5, 
         sortable: false, 
         hideable: false, 
         dataIndex: 'status' 
        }, 
        { 
         text: 'Active', 
         width: 5, 
         sortable: false, 
         hideable: false, 
         dataIndex: 'active' 
        }, 
        { 
         text: 'State', 
         width: 2, 
         sortable: false, 
         hideable: false, 
         dataIndex: 'state' 
        }, 
        { 
         text: 'Scheduled', 
         width: 10, 
         sortable: false, 
         hideable: false, 
         dataIndex: 'schedule' 
        }, 
        { 
         text: 'Finished', 
         width: 10, 
         sortable: false, 
         hideable: false, 
         dataIndex: 'finished' 
        } 
      ] 
        } 

     } 
}); 

distrStore.load();

내 가게

Ext.define('SenchaFirstApp.store.DistributorStore', { 
         extend: 'Ext.data.Store', 
         requires: ['SenchaFirstApp.model.Distributors', 'Ext.dataview.DataView'], 

         config: { 
         // xtype: 'distrlist', 
          storeId: 'mainlist', 
         model: 'SenchaFirstApp.model.Distributors', 
         autoLoad: true, 
         data: [ 
           {t: 'S', distr: 'Smart Systems', site: 'Smart Temps', status: "done", active: 'Yes', assigned: 'Me', state: 'IN',                  schedule: 'today', finished: 'today'}, 
           {t: 'I', distr: 'People', site: 'This One', status: "done", active: 'Yes', assigned: 'You', state: 'NC', schedule:             'yesterday', finished: 'tomorrow'} 
           ]}}); 

는

Ext.Loader.setConfig({enabled:true}); 
Ext.application({ 
    name: 'SenchaFirstApp', 
    stores: ['DistributorStore'], 
    models: ['Distributors'], 
    views: ['DistributorView'], 
    requires: ['SenchaFirstApp.view.DistributorView', 'Ext.dataview.DataView', 'SenchaFirstApp.model.Distributors', 'SenchaFirstApp.store.DistributorStore', 'Ext.dataview.List'], 

launch: function() {  
    Ext.fly('appLoadingIndicator'); 
    Ext.Viewport.add(Ext.create('SenchaFirstApp.view.DistributorView')); 
    } 

app.js

});

Answer 1

당신은 상점의 인스턴스를 만들 필요가 없습니다 :

var distrStore = Ext.create('SenchaFirstApp.store.DistributorStore'); 

를 응용 프로그램에서 상점을 정의 할 때 때문에 ...

Ext.application({ 
    stores: ['DistributorStore'], 
    ... 
}); 

... 자동으로 생성됩니다 당신. 당신의보기에서 저장소의 참조를 얻으려면, 단순히 이름을 가진 문자열을 사용하십시오

{ 
    xtype: 'list', 
    store: 'DistributorStore', 
    ... 
} 

다른 노트

• 사용자가 설정 한 때문에이 또한 .load()를 사용하여로드 할 필요가 없습니다 상점 구성에서 autoLoad을 true로 설정하십시오.
• 보기가 Ext.dataview.DataView이 아닌 Ext.Container으로 확장되어야합니다. DataView는 데이터를 표시하는 데 사용됩니다 (기본적으로 추상은 Ext.List입니다. 항목으로 목록이 있으므로 컨테이너에 넣을 수 있습니다.)
• 클래스와 구성에 fullscreen: true을 설정했습니다. config 내부에 넣으십시오. 그러나 이미 전체 화면 인 (사용자의 app.js)에보기를 만들어 삽입하고 있기 때문에 실제로 필요한 것은 아닙니다.
• 목록에 fields 구성이 필요하지 않습니다. 각 행의 템플릿을 만들려면 itemTpl을 입력하십시오.