ExtJS Grid 패널이 상점의 데이터를 채우지 않습니다.

Question

이 코드의 잘못된 부분을 보십니까? ExtJS의 예를 따르고 있습니다. 표 패널이 표시되지만 데이터가 채워지지 않습니다.

Ext.onReady(function() { 

     var arrayData = [ 
      ['Jay Garcia', 'MD'], 
      ['Aaron Baker', 'VA'], 
      ['Susan Smith', 'DC'], 
      ['Mary Stein', 'DE'], 
      ['Bryan Shanley', 'NJ'], 
      ['Nyri Selgado', 'CA'] 
     ]; 

     var nameRecord = Ext.data.Record.create([ 
      { name : 'name', mapping : 1 }, 
      { name : 'state', mapping : 2 } 
     ]); 

     var arrayReader = new Ext.data.ArrayReader({}, nameRecord); 

     var memoryProxy = new Ext.data.MemoryProxy(arrayData); 

     var store = new Ext.data.Store({ 
      reader : arrayReader, 
      proxy : memoryProxy 
     }); 

     var colModel = new Ext.grid.ColumnModel([ 
      { 
       header : 'Full Name', 
       sortable : true, 
       dataIndex : 'name' 
      }, 
      { 
       header : 'State', 
       dataIndex : 'state' 
      } 
     ]); 

     var gridView = new Ext.grid.GridView(); 

     var selModel = new Ext.grid.RowSelectionModel({ 
      singleSelect : true 
     }); 

     var grid = new Ext.grid.GridPanel({ 
      title : 'My First Grid', 
      renderTo : Ext.getBody(), 
      autoHeight : true, 
      width : 250, 
      store : store, 
      view : gridView, 
      colModel : colModel, 
      selModel : selModel 
     }); 

}); 

Answer 1

해결책을 찾았습니다.

저자는 데이터 저장소에 autoLoad : true를 포함하는 것을 잊었습니다.