我在 extjs4 工作。我正在向网格添加分页功能。我的网格视图代码为-allQuestionPapers.js
Ext.define('Balaee.view.qb.qbqns. ', {
extend : 'Ext.grid.Panel',
alias : 'widget.paperlist',
id : 'paperId',
store : 'qb.QbqnsStore',
border : false,
// height:autoheight,
width : 600,
autoScroll : true,
columns : [{
text : 'date',
width : 200,
dataIndex : 'createDate'
}, {
text : 'QuestionpaperNo',
width : 200,
dataIndex : 'questionPaperNo'
}, {
text : 'Marks',
width : 200,
dataIndex : 'obtainMarks'
}],
dockedItems : [{
xtype : 'pagingtoolbar',
id : 'pagingtoolbarId',
pageSize : 10,
dock : 'bottom',
displayInfo : true
}]
});
在控制器中,我动态创建存储并将其绑定到网格。为此,我将代码编写为-
getAllPapers:function()
{
var paperlistStore=Ext.create('Balaee.store.qb.QbqnsStore',
{autoLoad: {params:{start:0, limit:10}}});
proxy= paperlistStore.getProxy();
Ext.apply(proxy.api,{
read:'index.php/QuestionBank/qbpaper/getUserAllQuestionPaper'
});
Ext.apply(proxy.reader,{
type:'json',
root:'questions'
});
Ext.apply(proxy.writer,{
type:'json',
root:'data'
});
var answers = '{"data":[';
answers = answers + '{"userId":1}';
answers =answers+']}';
console.log(answers);
paperlistStore.load({
params:{
data: answers
},
callback: function(records,operation,success){
console.log(records);
console.log("Successfully data send");
},
scope:this
});
var temp2=Ext.getCmp('QbqnsResultmainId');
temp2.removeAll();
var worldChaptor1 =Ext.create('Balaee.view.qb.qbqns.allQuestionPapers');
var resultView = Ext.getCmp('pagingtoolbarId');
console.log(resultView);
resultView.bindStore(paperlistStore);
temp2.add(worldChaptor1);
}
所有这些都正常工作。但是网格每页仅显示 3 条记录,而不是根据网格的分页功能的显示消息显示 25 条记录“显示 280 中的 1-25”。那么我需要进行哪些更改才能显示每页 25 条记录。