私は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);
}
これはすべて正しく機能していますが、グリッドのページング機能の表示メッセージ「280 のうち 1 ~ 25 を表示しています」に従って、25 レコードではなく、1 ページあたり 3 レコードしか表示されません。では、ページごとにそのような 25 レコードを表示するには、どのような変更を加える必要があるのでしょうか。