ExtJS分页不工作，Uncaught ReferenceError: store未定义

Question

分页不工作，我的控制台显示" 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。

Answer 1

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

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

当你使用autoLoad: true时，你不需要在商店上调用load。你不必担心设置start和limit, ExtJS会自动添加这些作为pageSize设置。