[英]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.