[英]Display only limited no of records in grid using Ext js
我在使用Ext js制作网格时遇到麻烦。因此我确实存储并grid.it正常工作。但是我的问题是,我有14000条记录,它显示在网格中,单发。但我只想显示100条记录和下100条记录类似页面display.i使用了分页工具栏,但我仍然不明白。 请一些机构通过发布您的代码来帮助我。 提前致谢。 [对不起我的英语不好]
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
}),
});
Ext Js Sencha文档中已经提到了此类示例。 这是链接
您的网格应该是这样的
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.'
});
}
});
并且您的商店应该是这样的
Ext.define('Com.store.myStore',{
extend:'Ext.data.Store',
model : 'myModel',
//autoLoad:true,
pageSize: 100
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.