前台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;
}
}
分享到：
相关推荐
在这个"SSH+ExtJs分页小例子"中，我们将探讨如何将这两种技术结合实现数据分页显示。 首先，我们来看NewsDAO.java文件。这个文件包含了两个关键方法：`findPageAll`和`totalRecord`。`findPageAll`方法实现了分页...
在这个“EXTJS简单分页例子”中，我们将深入探讨EXTJS如何实现分页功能，以及如何与后台进行交互。 分页是Web应用中常见的数据展示方式，尤其在处理大量数据时，它可以提高页面加载速度并提供良好的用户体验。EXTJS...
根据提供的标题“ExtJS .Net分页例子”，本文将详细介绍如何在.NET平台下使用ExtJS实现数据分页功能。ExtJS是一款强大的JavaScript库，用于构建复杂的前端应用，而.NET则是微软提供的一套开发框架，常用于服务器端...
1. **ExtJS分页组件**：ExtJS的GridPanel组件是展示数据的常用方式，它内置了分页功能。通过配置store（数据存储）中的paging参数，可以启用分页。例如，设置`paging: true`开启分页，然后通过`proxy`配置项连接到...
以下是对EXTJS分页后台处理的详细说明： 首先，`Store`对象是EXTJS中用于存储数据的核心组件。在你的代码中，`Store`被创建并配置了`baseParams`、`JsonReader`和`HttpProxy`。 1. `baseParams`: 这个属性用于传递...
总结来说，实现ExtJS分页查询的关键在于前端和后端的协同工作。前端通过Store、Proxy和Paging Toolbar处理用户交互，后端通过Servlet接收请求，执行数据库操作，并返回符合约定的数据格式。通过这种方式，可以有效地...
### EXTJS分页全面分析 在本篇内容中，我们将深入了解EXTJS中`GridPanel`分页技术的具体实现方法，并通过实例代码详细解析其工作原理和技术要点。 #### 一、EXTJS GridPanel分页概述 在EXTJS框架中，`GridPanel`...
EXTJS分页主要通过其Grid组件来实现，Grid组件可以展示大量的数据，并且支持动态加载和分页操作。在EXTJS中，我们通常会创建一个Store对象来管理数据源，Store与远程数据源（如Struts2 Action）进行交互，通过Ajax...
这个压缩包"一些extjs的小例子(java)"显然包含了使用ExtJS开发的一些示例项目，特别提到了树形菜单和Grid组件。让我们深入探讨一下这些核心概念以及如何在Java环境中使用ExtJS。 **1. ExtJS框架** ExtJS是由Sencha...
在“EXTJS代码小例子1-30集”中，我们可以预期学习到一系列关于EXTJS的基础到高级用法的实例。这些示例涵盖了EXTJS的核心概念和常用组件，帮助开发者快速上手并掌握EXTJS的精髓。 1. **基础知识**：EXTJS的基础包括...
在这个"extjs+asp例子"中，我们将探讨如何整合这两个技术。 1. **ExtJS简介** ExtJS 提供了多种预定义的UI组件，如网格、表单、菜单、工具栏等，这些组件都具有高度可定制性和响应式设计。通过使用MVC（Model-View...
EXTJS Grid是一款强大的数据展示组件，广泛应用于Web应用开发中，尤其在数据密集型界面设计时，EXTJS Grid以其高效的数据加载、灵活的分页、排序、过滤和自定义功能而受到开发者青睐。本总结例子将深入探讨EXTJS ...
在这个例子中，`pageSize`属性定义了每页显示的记录数，`proxy`部分设置了数据的获取方式，`paging: true`则启用了分页功能。 "ux.Andrie.pPageSize"看起来像是一个自定义的分页插件，可能是由社区开发者Andrie创建...
在"Extjs4的TreeGrid例子"这个主题中，我们将深入探讨TreeGrid的各种特性，以及如何在实际项目中应用这些示例。 1. **多语言支持**：描述中提到的"多语言"功能在ExtJS 4中通常通过i18n（国际化）实现。开发人员可以...
作为一个初学者，了解和学习这些例子可以帮助你快速掌握ExtJS的核心概念和技术。 1. **组件系统**：ExtJS 2.0的核心是其组件系统，它允许开发者创建可重用的UI部件，如窗口（Windows）、面板（Panels）、表格...
在本实例中，我们探讨的是如何在ExtJS应用中实现后台分页功能，这通常涉及到与服务器端的交互，以获取并展示大量数据。JSP（JavaServer Pages）是一种基于Java的动态网页技术，常用于处理后端逻辑，包括数据的读取和...
自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。 再加上可编辑grid，添加新行，删除一或多行，提示多行数据，拖拽...
在本篇ExtJs学习资料中，我们探讨了如何从服务器获取JSON数据并进行分页处理。这是一项在Web应用程序中非常常见的任务，特别是在构建数据密集型界面时。下面我们将详细阐述实现这一功能的关键步骤和涉及的技术点。 ...
在给定的"Extjs4 grid使用例子"中，我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分，它提供了一个灵活的、可定制的数据展示网格，通常用于显示和操作大量数据。 1. **...
3. **Ext.grid.GridPanel**: Grid是EXTJS处理表格数据的主要组件，支持分页、排序、过滤等功能。GridPanel包括`store`（数据源）、`columns`（列定义）和`viewConfig`（视图配置）等关键部分。 4. **Ext.form....