extjs分页小例证-JavaSript-爱易网页

extjs分页小例证

日期：2014-05-16　浏览次数：20413 次

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);

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

extjs分页小例证

相关资料更多>

推荐阅读更多>