方式一，json传递的数据用jsp来传递（比较简单）
1，page_01.jsp
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
</head>
<body>
<script type="text/javascript" src="page_01.js"></script>
<div id="grid3" style="width: 100%;height: 100%">
</body>
</html>
2，page_01.js
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';
Ext.QuickTips.init();
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',dataIndex:'id',sortable:true},//设置编号排序
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'},
{header:'其他',dataIndex:'other'}
]);
//proxy直接去读取josn数据
var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'page_01_url.jsp'}),//提交的页面，刷新数据将会调用给页面
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root',
successProperty :'success'
}, [
{name: 'id',type:'int'},
{name: 'name',type:'string'},
{name: 'descn',type:'string'},
{name: 'other',type:'string'}
])
});
// alert(ds.getCount()); //得到总共数据
//设置分页
var grid = new Ext.grid.GridPanel({
el: 'grid3', //页面对应的层ID
ds: ds,
sm: sm,
cm: cm,
width:700,
height:280,
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: ds,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
emptyMsg: "没有记录"
})
});
//el:指定html元素用于显示grid
grid.render();//渲染表格
ds.load({params:{start:0, limit:10}});
});
3，page_01_url.jsp ,传递数据
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<%
String start = request.getParameter("start").toString();
String limit = request.getParameter("limit").toString();
try {
int index = Integer.parseInt(start);
int pageSize = Integer.parseInt(limit);
String json = "{totalProperty:100,root:[";
for (int i = index; i < pageSize + index; i++) {
json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "',other:'other"+i+"'}";
if (i != pageSize + index - 1) {
json += ",";
}
}
json += "]}";
response.getWriter().write(json);
//这句话就是把组织好的数据返回给Ext
response.getWriter().close();
//网上很多人，都没写这句话，这句话很重要，
//*****关闭页面输出流，否则数据将不会被显示*****
} catch(Exception ex) {
}
%>
</body>
</html>
分享到：
相关推荐
《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年，作为Ajax领域最全面、实用的图书，一直深受读者的好评。全书主要分为三个...
DWR+Struts+spring+hibernate的订货系统,自己添加的dwr功能
《DWR+EXT+SPRING+HIBERNATE：一个综合示例解析》 DWR (Direct Web Remoting)、EXT、Spring 和 Hibernate 是 Java Web 开发中的四大核心技术，它们各自在不同的领域发挥着关键作用。DWR 提供了一种在浏览器与服务器...
《DWR+Spring+Hibernate整合应用详解》 在IT领域，DWR（Direct Web Remoting）、Spring和Hibernate是三个至关重要的技术组件，它们分别在Web应用程序的远程调用、依赖注入和对象关系映射方面发挥着核心作用。将这三...
总结起来，"DWR+extjs+spring+hibernate"的组合是现代Web应用开发的一个强大工具集，它能够帮助开发者快速构建出交互性强、性能优异的企业级应用。通过深入理解和熟练掌握这四个技术，可以显著提升开发者的技能水平...
Struts2、Hibernate、Spring 和 DWR 是四个在Java Web开发中非常重要的框架，它们各自在不同的领域提供了强大的功能，并且能够通过整合实现更高效、更灵活的应用开发。接下来，我们将详细探讨这些技术以及它们如何...
总结，Spring+Dwr+Hibernate的整合项目提供了一种高效的方式，用于开发具备实时交互特性的Web应用。通过Spring的管理能力、Hibernate的ORM功能以及DWR的双向通信支持，开发者可以构建出高性能、易于维护的企业级应用...
"ext2.0+Hibernate+dwr+spring列子" 文件可能是项目的源代码，包含了具体实现这些技术集成的示例代码。 现在，让我们深入探讨一下这些技术： 1. **Ext JS（ext2）**：这是一个用于构建富互联网应用程序（RIA）的...
这个"ext+Json+dwr+spring+hibernate整合项目实例与资源"就是一个典型的案例，它展示了如何将这五个关键技术融合在一起，以实现一个功能强大的前端和后端交互系统。让我们详细探讨这些技术及其整合方式。 1. **...
struts1+spring+hibernate+dwr 项目 满意度调查struts1+spring+hibernate+dwr 项目 满意度调查struts1+spring+hibernate+dwr 项目 满意度调查struts1+spring+hibernate+dwr 项目 满意度调查
ajax,spring,hibernate,dwr,实现二级联动
标题 "一个Spring+hibernate+dwr的例子程序" 暗示了这是一个使用Java企业级开发框架构建的应用程序。这个程序结合了Spring、Hibernate和Direct Web Remoting (DWR)这三个核心组件，来实现高效、动态的Web应用程序。 ...
本项目实例是关于"ext+json+dwr+spring+hibernate"的整合，这是一个常见的技术栈组合，用于创建功能丰富的Web应用程序。下面将详细解释这些技术及其整合方式。 1. **EXT**：EXT是一个基于JavaScript的富客户端框架...
"Struts2 + Spring + Hibernate + DWR"是一个常见的Java Web开发框架组合，用于构建动态、数据驱动的Web应用程序。这个项目部署笔记将深入探讨这四个组件的核心功能以及它们如何协同工作。 首先，Struts2是一个基于...
用户注册和登录是每个系统的必须存在的一部分，基于Dwr+Struts2+Spring+Hibernate写了一个用户登录注册系统。 其中用Dwr去进行用户注册的用户是否存在的验证。 全部业务控制交由Spring去进行处理。事务处理也...
《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年，作为Ajax领域最全面、实用的图书，一直深受读者的好评。全书主要分为三个...
《Struts+Spring+Hibernate构建的人力资源管理系统详解》 在IT行业中，开发高效、功能齐全的管理系统是一项挑战，尤其对于初学者来说。"Struts+Spring+Hibernate人力资源管理系统"是一个理想的学习实例，它整合了三...
Struts、Spring 和 Hibernate 是Java Web开发中的三大框架，它们的组合通常被称为SSH（Struts、Spring、Hibernate）。这个“struts+spring+hibernate开发 注册小实例”是为初学者设计的一个教程，目的是帮助他们快速...
Spring+Hibernate+Ext+dwr做的一个简单的grid的增删改查，面板布局， 通过autoload方式载入grid ，以及XML树的建立 ，连接MySql数据库 。JS文件代码在Demo文件夹下，JAVA代码在src下。适合新手
学习对象：熟悉JavaScript, 了解JSTL, servlet/JSP, Struts 1.2, Hibernate, Spring, Ajax技术。 该示例使用MyEclipse 5.5 IDE用来整合四个技术(Struts 1.2, Spring 2.0, Hibernate 3.2和Ajax技术)的轻量级的...