Extjs学习总结之12使用ComboBox实现分页
2011-12-02 12:35
447 查看
分页是做web开发必须要会的哦,看看extjs怎么实现分页的,comboBox还记得是什么吗?
看代码吧:
combobox.js
然后看看servlet怎么写:
效果非常非不错吧。
看代码吧:
combobox.js
Ext.onReady(function(){ //使用ComboBox演示分页 var proxy = new Ext.data.HttpProxy({ url:"../../../comboboxServlet" }); var City = Ext.data.Record.create([ {name:"did",type:"int",mapping:"did"}, {name:"dname",type:"string",mapping:"dname"} ]); var reader = new Ext.data.JsonReader({ totalProperty:"totalProperty",//总记录数 root:"root"//所有的数据(json对象数组) },City); var store = new Ext.data.Store({ proxy:proxy, reader:reader }); var combo = new Ext.form.ComboBox({ store:store, emptyText:"请选择部门", mode:"remote", pageSize:5, triggerAction:"all", displayField:"dname", valueField:"did", renderTo:Ext.getBody(), readOnly:true, listWidth:300 }); });
然后看看servlet怎么写:
package com.fenet.web.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @SuppressWarnings("serial") public class ComboboxServlet extends HttpServlet { @Override protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { try { request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); //起始索引和页大小 int start = Integer.parseInt(request.getParameter("start")); int limit = Integer.parseInt(request.getParameter("limit")); //总记录数,如果是数据库则通过count计算出来 int totalProperty = 17; String fmt = "{did:%d,dname:'%s'}"; StringBuffer s = new StringBuffer("{totalProperty:"); s.append(totalProperty).append(",root:["); int end = start+limit; //因为不是查找数据库,所以需要多加一个判断 if(end > totalProperty)end = totalProperty;//如果是数据库本行也删除 for(int i=start;i<end;i++){ s.append(String.format(fmt,i,"部门"+i)); if(i<end-1){ s.append(",");//个json对象用逗号隔开,最后一个不要 } } s.append("]}"); out.println(s.toString()); out.flush(); out.close(); } catch (Exception e) { e.printStackTrace(); } } }
效果非常非不错吧。
相关文章推荐
- 【tcp-ip学习总结】使用tcp协议实现简单的通信小程序
- day_1_15 JavaWeb系列学习总结之JavaWeb实现分页查询
- Extjs分页使用java实现数据库数据查询
- Asp.Net北大青鸟总结(四)-使用GridView实现真假分页
- EXTJS学习系列提高篇:第二十八篇(转载)作者殷良胜,ext2.2打造Ext.form.ComboBox系列--分页显示
- ssh整合问题总结--使用HibernateTemplate实现数据分页展示
- Struts学习总结(七)---使用Struts2实现用户信息的CRUD操作(一:查询操作)
- 分页学习总结-2-自定义标签实现分页效果-1
- Extjs grid 分页汇总总记录数,使用Ext.grid.feature.Summary 实现汇总总记录数
- JavaScript学习总结(二十一)——使用JavaScript的数组实现数据结构中的队列与堆栈
- 分页学习总结-1-正常的分页实现
- 深度学习FPGA实现基础知识12(CSDN网友--深度学习总结)
- 分页学习总结-1-正常的分页实现
- 使用扩展HibernateDaoSupport实现分页技术总结
- Struts学习总结(五)---使用Struts2实现单个文件上传
- FreeBSD学习笔记12-pureftpd使用详解(1)-安装、配置、实现匿名登录
- Extjs学习总结之10数据与ComboBox
- Struts学习总结(九)---使用Struts2实现用户信息的CRUD操作(四:删除操作)
- aop学习总结一------使用jdk动态代理简单实现aop功能
- aop学习总结二------使用cglib动态代理简单实现aop功能