使用分页工具栏的ExtJS网格面板

Question

我想使用分页工具栏使分机JS网格面板，但无法找出问题出现在哪里。谁能帮我在这 -

var myData = { 
    record : [ 
       { name : "Record 0", column1 : "0", column2 : "0" }, 
       { name : "Record 1", column1 : "1", column2 : "1" },  
       { name : "Record 2", column1 : "2", column2 : "2" }, 
      ] 
    }; 

var fields = [ 
      {name: 'name', mapping : 'name'}, 
      {name: 'column1', mapping : 'column1'}, 
      {name: 'column2', mapping : 'column2'} 
      ]; 

     var store = new Ext.data.Store ({ 
      id :'simpsonsStore', 
      fields:['name', 'column1', 'column2'], 
      pageSize: 5, 
      data: myData, 
      reader: { 
       root: 'record', 
       type: 'json' 
      } 
     }); 



     // Column Model shortcut array 
     var cols = [ 
     { id : 'name', header: "Record Name", width: 50, sortable: true, dataIndex: 'name'}, 
     {header: "column1", width: 50, sortable: true, dataIndex: 'column1'}, 
     {header: "column2", width: 50, sortable: true, dataIndex: 'column2'} 
     ]; 

     store.load({ 
      params:{ 
       start:0, 
       limit: 5 
      } 
     }); 

     // declare the source Grid 
     var grid = new Ext.grid.GridPanel({ 
      ddGroup   : 'gridDDGroup', 
      store   : store, 
      columns   : cols, 
      enableDragDrop : true, 
      stripeRows  : true, 
      autoExpandColumn : 'name', 
      width   : 650, 
      height   : 325, 
      region   : 'west', 
      title   : 'Data Grid', 
      selModel   : new Ext.grid.RowSelectionModel({singleSelect : true}), 
      dockedItems: [{ 
       xtype: 'pagingtoolbar', 
       store: store, // same store GridPanel is using 
       dock: 'bottom', 
       displayInfo: true 
      }] 

     }); 

     var displayPanel = new Ext.Panel({ 
      width  : 650, 
      height  : 300, 
      layout  : 'column', 


      renderTo : Ext.getBody(), 
      items : [ 
       grid 
      ], 
      bbar : [ 
       '->', 
       { 
       text : 'Reset Example', 
       handler : function() { 
        gridStore.loadData(myData); 
       } 
       } 
      ] 
      }); 

Answer 1

在displayPanel的BBAR，处理程序调用loadData，对未在代码中定义的片断，你已经发布的gridStore变量。

我想你需要调用loadData在这里声明的存储可变：

var store = new Ext.data.Store 

你也可以拨打grid.getStore().loadData();