首页 > 代码库 > ExtJS pagingtoolbar的使用
ExtJS pagingtoolbar的使用
view层:
this.bbar = [{ xtype: ‘pagingtoolbar‘, //增加id id : ‘ptb‘, pageSize: 2, store: this.store, displayInfo: true, plugins: new Ext.ux.ProgressBarPager() }];
store层
1 Ext.define(‘Industry_Demo.store.Industry‘, { 2 extend: ‘Ext.data.Store‘, 3 /* 4 fields: [{name: ‘PK_Industry_ID‘,type: ‘int‘}, 5 {name: ‘Industry_Name‘,type : ‘string‘} 6 ], 7 */ 8 model : ‘Industry_Demo.model.Industry‘, 9 pageSize : 2,10 //非常重要的属性11 //autoLoad: {start : 0, limit : 2},12 proxy: {13 type : ‘ajax‘,14 enablePaging: true,15 // url : ‘data/industries.json‘,16 url : ‘/IndustryAdmin/getIndustries.do‘,17 reader: {18 type : ‘json‘,19 root : ‘industries‘,20 successProperty: ‘success‘,21 totalProperty : ‘total‘22 23 }24 }25 /*26 data : [27 {PK_Industry_ID:1,Industry_Name:‘aa‘},28 {PK_Industry_ID:2,Industry_Name:‘bb‘}29 ]30 */ 31 });
controller层
Ext.define(‘Industry_Demo.controller.Industry‘,{ //必须和文件同名 extend : ‘Ext.app.Controller‘, init : function() { // console.log("Hello"); this.control({ ‘industryList‘ : { itemdblclick: this.editRecord, render : function(myView){ myView.getStore().load({params:{start:0,limit:2}}); } },
后台代码springmvc+mybatis
@RequestMapping(value="http://www.mamicode.com/getIndustries",method=RequestMethod.GET) public void getIndustries(HttpServletRequest request,HttpServletResponse response){ String startString = request.getParameter("start"); String limitString = request.getParameter("limit"); int start = Integer.valueOf(startString); int limit = Integer.valueOf(limitString); System.out.println("select controller层"); System.out.println(start+" "+limit); int num = industryService.getIndustriesNum(); System.out.println(num+" "); List<Industry> list = null; list = industryService.getIndustries(start, limit); System.out.println("mission completed I am back"); String jsonString = "{success : true,total : "; jsonString +=num; jsonString +=",industries : ["; int i = 0; if(list.size()>0){ for(;i <list.size()-1;i++){ jsonString += "{id : "+ list.get(i).getId() + ",name : ‘"+list.get(i).getName()+"‘},"; } jsonString +="{id :" + list.get(i).getId()+",name : ‘"+list.get(i).getName()+"‘}]}"; } else{ jsonString = "{success : true,total : "; jsonString +=num; //jsonString +=",industries "; //jsonString +="{}]}"; jsonString += "}"; } try { response.getWriter().write(jsonString); } catch (IOException e) { // TODO Auto-generated catch block System.out.println("Something not good happen"); e.printStackTrace(); } }
ExtJS pagingtoolbar的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。