ExtJS 分页不工作并且 Uncaught ReferenceError: store is not defined

Posted 2023-03-16

【中文标题】ExtJS 分页不工作并且 Uncaught ReferenceError: store is not defined

【英文标题】：ExtJS pagination is not working and Uncaught ReferenceError: store is not defined

【发布时间】：2021-11-17 08:26:40

【问题描述】：

分页不工作，我的控制台显示“Uncaught ReferenceError: store is not defined”，我不知道我哪里做错了。

我正在使用 eclipse 进行开发。

以下是我的代码，请指导我，我是 ExtJS 的新手。

js_ext.js

Ext.onReady(function() 
     var itemsPerPage = 6;
    
    Ext.create('Ext.data.Store', 
    storeId: 'mydata',
    fields:[ 'title', 'desc', 'year', 'lang', 'name', 'rate', 'special'],
    pageSize: itemsPerPage,
    autoLoad: true,
    proxy:
        type:'ajax',
        url: 'mystoredata.js',
        enablePaging: true, 
        reader: 
            type: 'json',
            rootProperty: 'items'
        
    ,
);
    
Ext.create('Ext.grid.Panel', 

    title: 'Movie Grid',
    store: 'mydata',

    columns: [
         text: 'Title', dataIndex: 'title', flex: .2 ,
         text: 'Description', dataIndex: 'desc', flex: 1 ,
         text: 'Release Year', dataIndex: 'year' ,
         text: 'Language', dataIndex: 'lang' ,
         text: 'Director', dataIndex: 'name' ,
         text: 'Rating', dataIndex: 'rate' ,
         text: 'Special Features', dataIndex: 'special', flex: .14
    ],
    height: 330,
    fullscreen: true,
    renderTo: 'mygrid',
    
    selModel: 
          selType: 'checkboxmodel'
      ,


    tbar: 
            xtype: 'pagingtoolbar',
            displayInfo: true,
            store: 'mydata',
            pageSize: itemsPerPage
    
);

 store.load(params:start:0, limit:6);

);

当我尝试使用 store.load 函数时，它会抛出错误 store is not defined。

【参考方案1】：

您必须将创建的商店实例分配给一个变量，然后将该变量分配给您的网格和分页工具栏：

var myStore = Ext.create('Ext.data.Store',  ...
...
store: myStore, // both in grid an paging toolbar
...

使用autoLoad: true，您无需在商店致电load。 您不必担心设置start 和limit，ExtJS 会在设置pageSize 时自动添加这些。