今天琢磨了半天,终于把ExtJS+S2SH中使用grid加载后台数据以及分页的功能实现了,现在就分享给和我一样新学的童鞋们~加油!!
下面是前台extjs代码:
Ext.onReady(function(){
//初始化ExtJs
Ext.QuickTips.init();
//定义GridPanel的列名称
var cms=new Ext.grid.ColumnModel([
{header:"编号",dataIndex:"id",width:30,align:"center",sortable:true},//添加一个编号
{header:"招聘信息",dataIndex:"newsName"},
{header:"发布时间",dataIndex:"createTime",sortable:true}
]);
cms.defaultSortable = true;
var store=new Ext.data.Store({
reader:new Ext.data.JsonReader({
root:"root",
totalProperty:"totalProperty",//从数据库中读取的总记录数
fields:[{name:'id'},{name:'newsName'},{name:'createTime'}]
}),
proxy:new Ext.data.HttpProxy({
method:"post",
url:"http:localhost:8080/TestUpdate/loadJobNews.action"
})
});
store.load({params:{start:0, limit:5}});
var bbar = new Ext.PagingToolbar({
pageSize: 5,
store: store,
displayInfo: true,
displayMsg : '显示第{0}条到{1}条,一共{2}条',
emptyMsg : '没有记录'
});
var grid=new Ext.grid.GridPanel({
renderTo:Ext.getBody(),
id:"newsGrid",
title:"招聘动态",
autoHeight:true,
autoWidth:true,
autoScroll:false,
store:store,//grid数据源
loadMask:{msg:'加载数据中,请等待......'},
cm:cms,
frame:true,
viewConfig:{
forceFit:true
},
bbar:bbar
});
});
再看看后台的action:
package com.hyit.ttmsoge.action;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.LinkedList;
import java.util.List;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts2.ServletActionContext;
import sun.org.mozilla.javascript.internal.EcmaError;
import com.hyit.ttmsoge.model.JobNews;
import com.hyit.ttmsoge.service.JobNewsService;
import com.opensymphony.xwork2.ActionSupport;
public class JobNewsAction extends ActionSupport {
private static final long serialVersionUID = 1L;
private String start;
private String limit;
private int totalProperty;
public void setTotalProperty(int totalProperty) {
this.totalProperty = totalProperty;
}
public void setStart(String start) {
this.start = start;
}
public void setLimit(String limit) {
this.limit = limit;
}
private JobNewsService jobNewsService;
public void setJobNewsService(JobNewsService jobNewsService) {
this.jobNewsService = jobNewsService;
}
public void getJobNews() throws Exception{
ArrayList<JobNews> jobNewsList=this.jobNewsService.loadJobNews();
if(jobNewsList!=null&&jobNewsList.size()!=0){
this.setTotalProperty(jobNewsList.size());
String returnValue="{totalProperty:"+totalProperty+",root:[";
int index=Integer.parseInt(start);
int pageSize=Integer.parseInt(limit);
System.out.println("start:"+start+"....limit:"+limit);
if(pageSize==0){
pageSize=10;
}
for(int i = index;i < pageSize+index&&i<jobNewsList.size(); i ++){
JobNews jobNews=jobNewsList.get(i);
//list.add(jobNews);
returnValue+="{id:"+jobNews.getId()+",newsName:'"+jobNews.getNewsName()+"',createTime:'"+jobNews.getCreateTime()+"'}";
if(i!=pageSize+index-1){
returnValue+=",";
}
}
returnValue+="]}";
this.sendMsg(returnValue);
}
}
public void sendMsg(String content) throws IOException{
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("UTF-8");
response.getWriter().write(content);
}
}
其它的service及dao相信大家应该可以搞定的~嘻嘻!
分享到:
相关推荐
extjs+s2sh整合,这个项目的整合,融合了三大框架加extjs
北风网--Extjs项目之个人理财项目(Extjs+S2SH+Mysql) 真正的完整版源代码
用EXTJS+S2SH+DWR做的一个雇员管理系统,为了便于理解,当时写的时候加了是少注释,希望对大家学习和理解有帮助,由于这个限制大小,所以就没有发JAR包,大家如果实在找不到JAR包,可以找我
Extjs+s2sh基于annotation实现的酒店管理系统
extjs+s2sh基于annotation的理财系统完整项目包含所有的jar
ExtJs+Dwr带分页分组传参后台排序功能的grid 主要包含:这个主要用到ExtJS+DWR+Spring+Hibernate,主要包括浏览页(usernamerecord.jsp),脚步文件(usernamerecord.js),dwr分页代理脚本文件(dwrproxy.js),...
ExtJs+WCF+LINQ实现分页Grid
ExtJs+java+oracle的grid例子
php+extjs+grid实时显示更新数据
NULL 博文链接:https://lucky16.iteye.com/blog/1522254
通过请求,页面无刷新,加载数据 ,用extjs来实现前段页面的显示,用SSH框架来实现业务层,动态的去调用mysql和oracle数据库,对学习extjs和ssh框架有什么大帮组 ,并有详细的注释。
ExtJs+Dwr(Grid)实现分页功能,很实用
strut2+hibernate+spring+extjs3.0+excel 动态加载grid 数据导出excel,导入excel datasource自己修改你自己的数据源,数据库中的表可见实体类创建,或者自己修改实体类
Extjs+SpringMVC+MyBaits财务管控系统
使用Extjs+Mysql+SpringMVC+MyBatis开发的通用后台管理系统,里面包含用户管理、权限管理、角色管理等通用功能。
ASP.NET结合ExtJs+WCF+LINQ实现的分页Grid列表,一个很不错的学习ASP.NET/AJAX的参考实例,而且如果你的程序用了此分页代码,也会增色不少。
一个不错的Extjs + ASP.net 后台管理框架,适用编写后台的朋友们, 含源码,后台菜单导航结合xml,数据源为xml文件。这是本人网上找的,稍作修改过,下载了的朋友可自行修改内容。
EXTJS + Struct +mysql 数据库脚本包含在类 json实现前台后台数据通信
基于 Extjs + spring + hibernate 的OA框架 基于 Extjs + spring + hibernate 的OA框架 基于 Extjs + spring + hibernate 的OA框架
这是本人自己总结最好用的通用后台管extjs+MySQL+oracle+SQL server数据库源码:主要运用了一下的知识: 1、主要运用的后台框架是extjs, 2、jsp+hibernate+Struts2+spring+ajax+jQuery, 3、用到了Java面向对象的...