버튼 클릭으로 매장을로드하는 방법

Question

나는 건축가로 앱을 만들었습니다. 내 상점이 내 버튼입니다이

Ext.define('MyApp.store.storeMain', { 
extend: 'Ext.data.Store', 
requires: [ 
    'MyApp.model.modelMain' 
], 

constructor: function(cfg) { 
    var me = this; 
    cfg = cfg || {}; 
    me.callParent([Ext.apply({ 
     autoLoad: false, 
     storeId: 'storeMain', 
     model: 'MyApp.model.modelMain', 
     pageSize: 50, 
     proxy: { 
      type: 'ajax', 
      reader: { 
       type: 'json', 
       root: 'Main', 
       totalProperty: 'Main.totalCount' 
      } 
     } 
    }, cfg)]); 
}}); 

입니다 :

{ 
           xtype: 'button', 
           text: 'Submit', 
           listeners: { 
            click: { 
             fn: me.onButtonClick, 
             scope: me 
            } 
           } 

이 함수

onButtonClick: function(button, e, options) { 
    storeMain.load({ 
     url:'test.json' 
    }) 
} 
          }, 

입니다하지만 가게를로드하지 않습니다. 대신이 오류를 제공하고 있습니다 : storeMain 정의되지 않았습니다. viewport.js 및 storeMain.js와 같은 다른 파일이 있습니다.

Answer 1

아무 변수가 없습니다. storeMain. 상점 참조를 받으려면 Ext.getStore('storeMain')으로 전화해야합니다.