1

我在 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 条记录。

4

0 回答 0