public String execute() throws Exception
{
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
List person = dao.getAllPage(start, 10);
//String json= ExtHelper.getJsonFormList(dao.getAllSize(), person);
String json = "{totalCount:"+dao.getAllSize()+",items:[";
for(int i =1;i<person.size();i++)
{
Person p = (Person)person.get(i);
json+="{'id':"+p.getId()+",'name':'"+p.getName()+"','age':"+p.getAge()+",'sex':'"+p.getSex()+"','birthday':'"+p.getBirthday()+"'}";
if(i!=getLimit()+start-1)
{
json+=",";
}
}
json += "]}";
response.getWriter().write(json);
System.out.println(json);
System.out.println("person size "+person.size()+"start:"+getStart()+"limit:"+getLimit());
return null;
}
var store = new Ext.data.Store({
reader:new Ext.data.JsonReader({
totalRecords:"results",
root:'items',
totalProperty: 'totalCount',
idProperty: 'threadid',
remoteSort: true,
fields:[
{name:'id'},
{name:'name'},
{name:'age'},
{name:'sex'},
{name:'birthday'}
]
}),
proxy:new Ext.data.HttpProxy({
url:'ext.action'
})
})
。。。
var pagingBar = new Ext.PagingToolbar({
pageSize: 10,
store: store,
emptyMsg: "没有记录"
});
// 创建grid对象显示数据
var cb = new Ext.grid.CheckboxSelectionModel();
var grid = new Ext.grid.GridPanel({
title:'人员列表',
el:'grid-div',
tbar:[toolbar,pagingBar],
frame:true,
store:store,
autoScroll:true,
width:860,
iconCls:'silk-user',
height:480,
collapsible: true,
animCollapse: true,
loadMask:{Msg:'请稍后...'},
viewConfig : {
autoFill : true
},
sm : cb,
columns:[
new Ext.grid.RowNumberer({
header : '行号',
width : 40
}),// 表格行号组件
cb,
{header:'id',width:10,dataIndex:'id',sortable:false},
{header:"姓名",width:80,dataIndex:'name',sortable:true},
{header:"年龄",width:80,dataIndex:'age',sortable:true},
{header:"性别",width:80,dataIndex:'sex',sortable:true},
{header:"生日",width:80,dataIndex:'birthday',sortable:true}
]
});
grid.render("grid-div");
store.load({params:{start:0, limit:10}});
分享到:
相关推荐
这个简单的例子展示了EXTJS如何利用Struts2来获取和展示分页数据,帮助开发者快速理解并应用到实际项目中。对于初学者来说,这是一个很好的起点,可以进一步探索EXTJS和Struts2的更多高级特性,如过滤、排序和自定义...
综上所述,"struts2+ExtJS(带分页效果)"项目结合了后端的Struts2框架和前端的ExtJS库,实现了数据管理功能,并且通过分页增强了用户体验。开发者可以通过学习这两个技术,提升Web应用的开发效率和用户体验。
文章可能通过一个实际项目或示例,详细解释了如何将ExtJS的Grid Panel与Struts 2通过JSON进行数据交互,帮助读者理解这两种技术的整合过程。学习这些内容有助于提升Web应用的用户体验,实现数据的实时更新和交互。
EXTJS和STRUTS2是两个在Web开发中广泛应用的框架。EXTJS是一个JavaScript库,主要用于构建富客户端的用户界面,而STRUTS2则是一个基于MVC模式的Java Web框架,用于处理后端逻辑。这篇文章将深入探讨如何将这两个框架...
### Struts2+Json+ExtJS分页技术详解 #### 一、技术背景与概述 在Web开发领域,实现高效的数据展示与交互是至关重要的。本文档将介绍如何使用Struts2框架结合JSON数据格式以及ExtJS前端库来实现动态分页功能。此...
6. **数据分页**:在展示大量图书时,可能需要分页功能,这可以通过ExtJS的分页组件和Struts2配合实现。 通过这个项目,开发者可以深入理解Web应用的开发流程,掌握前后端分离的实现方式,以及三大框架间的协作。...
Struts2与ExtJs的结合,可以通过Struts2的插件如Struts2-ExtJS-plugin或者自定义结果类型来实现。 1. **设置环境** 在项目中引入ExtJs库和Struts2的相关依赖。确保struts2-core、struts2-json-plugin或struts2-...
这种组合允许前端利用ExtJS的强大界面组件来提供美观、交互性强的用户界面,而后端通过Struts2处理业务逻辑和数据操作,实现前后端的分离。 在"Extjs+Struts2系统后台管理框架"中,"新闻列表"功能通常涉及到以下几...
1. **配置Struts2 Action:** 在Struts2的配置文件中定义Action,这些Action将处理来自ExtJS的请求,并返回JSON或XML数据,供前端展示。 2. **创建ExtJS Store:** Store是ExtJS中的数据容器,负责与服务器进行数据...
ExtJS是一个强大的JavaScript库,用于构建富客户端的用户界面,而Struts2则是一个Java Web框架,主要用于处理服务器端的业务逻辑和控制流程。本文将深入探讨如何使用这两种技术实现Grid的增删改查功能,帮助新手理解...
在 ExtJS 中可以通过配置 Store 来实现,而在 Struts2 Action 中需要计算总数和处理分页参数。 - 错误处理和日志记录:在前后端都需要设置适当的错误处理机制,如异常捕获和错误提示,同时记录详细的日志以便于调试...
ExtJs4.2+Mysql+Struts2+Hibernate3实现分页查询 1.libs目录缺少hibernate核心jar包 2.libs目录缺少struts jar 3.WebRoot目录缺少ExtJs4.2核心类库 以上信息我都在项目里面注明了,因为这些内容的文件太大了,CSDN不...
标题中的"SSH2+ExtJS源码(带分页效果)"指的是一个使用Struts2、Spring、Hibernate和ExtJS这四个核心技术构建的Web应用程序示例。这个项目中,开发者集成这些框架来实现数据的CRUD操作,并且具有分页显示的功能,...
Struts2和ExtJS是两种在Web开发中广泛使用的开源技术。Struts2是一个基于MVC(Model-View-Controller)设计模式的Java Web框架,它简化了开发过程,提供了强大的控制层支持。而ExtJS则是一个用于构建富客户端应用...
在IT领域,特别是Web开发中,Struts2与ExtJS的结合是一种常见且高效的技术搭配。Struts2作为后端框架,负责业务逻辑处理及数据交互;而ExtJS作为前端框架,专注于用户界面的构建与优化。两者结合,能够实现前后端...
SSH+EXTJS是一种常见的Web开发框架组合,其中SSH代表Struts2、Hibernate和Spring,而EXTJS是一个前端JavaScript框架。这个“ssh+extjs全注解的上传、分页、验证码的demo”提供了如何在SSH后端框架基础上,结合EXTJS...
总结以上,ExtJS动态树与Struts的结合使用,需要熟练掌握ExtJS TreePanel的配置,JSON数据的构造和解析,以及Struts2的Action和Result机制。通过Ajax请求,前端可以动态获取和更新树形数据,实现交互式用户界面。
总结来说,这个SSH+ExtJS分页小例子展示了如何利用Spring、Struts和Hibernate处理后端数据,以及如何结合ExtJS展示分页结果。通过理解这些代码,开发者可以学习到如何在Java Web应用中实现高效的数据分页,并且了解...
本教程将详细讲解如何在ExtJs中利用XML来定义Grid的Title部分,并通过Struts2 Action获取数据。 首先,让我们了解`ExtJs Grid Title`。Title是Grid面板的头部,通常用来展示Grid的标题或列名。在传统的定义中,我们...
本文档介绍了一个基于Struts2、Spring、Hibernate、ExtJs和JSON的分页解决方案。该方案利用了前端框架ExtJs与后端框架的结合,实现了高效的数据分页功能。 #### 二、关键技术点 ##### 1. Struts2 Struts2是Apache ...