[英]Display only limited no of records in grid using Ext js
I am having trouble making a grid using Ext js .so for i did store and grid.it is working fine.but my problem is,i have 14000 record,it is displayed in a grid ,single shot.but i want to display only 100 records and next 100 records like a page display.i used the paging toolbar but still i am not get it. 我在使用Ext js制作网格时遇到麻烦。因此我确实存储并grid.it正常工作。但是我的问题是,我有14000条记录,它显示在网格中,单发。但我只想显示100条记录和下100条记录类似页面display.i使用了分页工具栏,但我仍然不明白。 please some body help me by posting your code.
请一些机构通过发布您的代码来帮助我。 thanks in advance.
提前致谢。 [sorry for my english]
[对不起我的英语不好]
function some function(url)
{
Ext.define('some model', {
extend: 'Ext.data.Model',
fields: some fields
});
var store = Ext.create('Ext.data.Store',{
id:'store',
model:'some model',
remoteGroup:true,
remoteSort:true,
proxy: {
type:'rest',
url:url
reader: {
type: "json",
root:"myroot",
idProperty:'id'
}
},
autoLoad:true
});
return store;
}
var store= some function(url);
var grid = Ext.create('Ext.grid.Panel', {
id:'Grid',
title:'__________',
store: store,
loadMask: true,
width:'100%',
autoHeight:true,
viewConfig: {
emptyText:'No Available'
},
frame:false,
columns:[
{
id: 'c',
header:'bla',
dataIndex:'12',
width:'35%',
sortable:true,
},
{
id: 's',
header:'bla',
dataIndex:'21212',
width:'65%',
sortable:true,
}
],
bbar: new Ext.PagingToolbar({
store:store,
pageSize:10,
id:'paging',
displayInfo:true,
displayMsg:'Displaying {0} - {1} of {2}',
emptyMsg: "No Available",
prependButtons:false
}),
});
Your grid should something like this 您的网格应该是这样的
Ext.define('Com.grid.myGrid',{
extend:'Ext.grid.Panel',
alias:'widget.myGridAlias',
store:'myStore',
initComponent:function()
{
this.bbar = Ext.create('Ext.PagingToolbar', {
store : this.store,
displayInfo : true,
displayMsg : 'Records {0} - {1} of {2}',
emptyMsg : 'No files.'
});
}
});
and and your Store should something like this 并且您的商店应该是这样的
Ext.define('Com.store.myStore',{
extend:'Ext.data.Store',
model : 'myModel',
//autoLoad:true,
pageSize: 100
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.