extjs分页小例子
前台jsp代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>My JSP 'ext.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><link rel="stylesheet" type="text/css" href="<%=basePath%>ext/resources/css/ext-all.css"><script type="text/javascript" src="<%=basePath%>ext/ext-base.js"></script><script type="text/javascript" src="<%=basePath%>ext/ext-all.js"></script> <script type="text/javascript" src="<%=basePath%>ext/ext-lang-zh_CN.js"></script> <script type="text/javascript"> Ext.onReady(function(){ var store=new Ext.data.JsonStore({ url:"<%=basePath%>lpm/step2.action", autoLoad:{params:{start:0,limit:10}}, //传递到后台的参数 fields:["userid","name"], root:"data", //从后台取得的数据 totalProperty:"count" //从后台取得的数据总量 });var column=new Ext.grid.ColumnModel([{header:"编号",dataIndex:"userid",sortable:true},{header:"姓名",dataIndex:"name",sortable:true}]);var grid = new Ext.grid.GridPanel({renderTo:"hello",title:"Hello world",height:300,width:470,cm:column,store:store,autoExpandColumn:0,loadMask:true,frame:true,autoScroll:true,bbar:new Ext.PagingToolbar({pageSize:10, store:store, displayInfo: true, displayMsg: '显示 {0}-{1}条记录,共 {2} 条', emptyMsg: "没有记录" }) }); }) </script> </head> <body> <div id="hello"></div> </body></html>
?后台action代码:
package com.china.action;import java.io.PrintWriter;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import javax.persistence.EntityManager;import javax.persistence.EntityManagerFactory;import javax.persistence.Persistence;import javax.persistence.Query;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import net.sf.json.JSONArray;import net.sf.json.JSONObject;import org.apache.struts2.ServletActionContext;import org.apache.struts2.convention.annotation.Action;import org.apache.struts2.convention.annotation.Namespace;import org.apache.struts2.convention.annotation.Result;import com.opensymphony.xwork2.ActionContext;import com.opensymphony.xwork2.ActionSupport;@Namespace("/lpm")public class Lpmcon extends ActionSupport{@Action(value="step2")public String getRes2(){HttpServletRequest request=ServletActionContext.getRequest();try{EntityManagerFactory ef=Persistence.createEntityManagerFactory("mysql"); EntityManager em=ef.createEntityManager(); Query qu=em.createQuery("from persion order by userid"); int count=qu.getResultList().size(); // List list=qu.getResultList(); String start=request.getParameter("start"); String limit=request.getParameter("limit"); List list=qu.setFirstResult(Integer.parseInt(start)) .setMaxResults(Integer.parseInt(limit)) .getResultList(); Map map=new HashMap(); map.put("data", list); map.put("count",count); JSONObject jalist=JSONObject.fromObject(map); System.out.println(jalist.toString()); HttpServletResponse hsr=ServletActionContext.getResponse(); PrintWriter pw=hsr.getWriter(); pw.print(jalist.toString());}catch(Exception e){e.printStackTrace();}return null;}}
?