Extjs4 grid's paging functionality is not working -
i working in extjs4. adding paging functionality grid. having grid view code as- 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 }] });
and in controller dynamically creating store , binding grid.for had written code as-
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); }
all working correctly.but grid showing 3 records per page instead of showing 25 records per grid's paging function's dispaly message"displaying 1-25 of 280". changes need make in order diaplay such 25 record per page.
Comments
Post a Comment