Easyui的datagrid结合hibernate实现数据分页
最近在学习easyui的使用,在学到datagrid的时候遇到了一些问题,终于抽点时间整理了一下,分享出来,请各位前辈高手多多指教!
1、先来看看效果,二话不说,上图直观!

2、easyui的datagrid的使用方法
在这里,datagrid的使用我不做过多讲解,俺毕竟是初学者,不敢班门弄斧。所以就简单带一下。
①、在easyui的layout中的center中定义一个table,id为"datagridTable"。
<div region="center" border="false">
<table id="datagridTable"></table>
</div>
②、使用javascript的方式让这个table变为一个easyui的datagrid。当然也可以给这个table指定class属性为“easyui-datagrid”,两种方式都可以,萝卜白菜,各有所爱。由于datagrid和后台的数据交互打交道的比较多,所以俺使用的功能比较好控制的javascript方式定义。
代码如下,其中具体的属性和方法请查看easyui文档,官网地址:http://www.jeasyui.com/documentation/datagrid.php,标红的部分为后台struts处理的Url和显示分页工具栏的设置。
<script type="text/javascript">
$(function() {
$("#datagridTable").datagrid({
url : 'getUsers',
title : '用户列表',
pagination : true,
pageSize : 10,
pageList : [ 10, 20, 30, 40 ],
fit : true,//自适应窗口大小变化
fitColumns : true,
border : false,
idField : 'id',
columns : [ [ {
title : '用户编号',
field : 'id',
width : 100
//宽度必须,数值随便
}, {
title : '用户名',
field : 'username',
width : 100
}, {
title : '用户密码',
field : 'password',
width : 100
},{
title:'注册时间',
field:'date',
width:100
} ] ],
toolbar : [ {
text : '增加',
iconCls : 'icon-add',
handler : function() {
}
}, '-', {
text : '删除',
iconCls : 'icon-remove',
handler : function() {
}
}, '-', {
text : '编辑',
iconCls : 'icon-edit',
handler : function() {
}
} ]
//两个[],实现多级表头,合并单元格的效果,产生不规则表头
});
});
③、后台使用的是SSH(struts2+hibernate4+spring3.2),后台Action简单写了一下。
@Controller(value = "GetUserAction")
@Scope("prototype")
public class GetUserAction {
//使用spring的annotation注入
@Resource(name = "userDao")
private UserDao ud;
//page和rows属性,是easyui分页工具的属性,名字固定,便于struts2的自动封装和类型装换,可以通过Firebug看到。
private int page;
private int rows;
//省略的set/get方法
public String getUsers() {
//存放数据的list
List<User> users = new ArrayList<User>();
//这个User是后来做数据过滤的时候封装的过滤条件。
User u =new User();
//使用spring的BeanUtils工具,复制属性到u里面。
BeanUtils.copyProperties(this, u);
//后台的getUsers方法,这里我省略了service层,采用domain,action,dao,daoImpl架构,功能简单,就没加上service这一层。
users = (List<User>) ud.getUsers(page, rows, u);
Map<String, Object> m = new HashMap<String, Object>();
//total是easyui分页工具的总页数。名字固定。
m.put("total", ud.getTotal(page, rows, u));
m.put("rows", users);
//自己写了一个java对象转换成json的工具类,俺用的是jackson,使用json-lib的同学可以自己写一个。不过jaon-lib的转换速度比较慢,没有jackson快。
JSONParser.writeJson(m);
return "success";
}
}
④、看一眼getUsers(int page,int rows,User u)和getTotal(int page,int rows,User u)方法
@Service("userDao")
public class UserDaoImpl implements UserDao {
//注入hibernate的sessionFactory,不多说。
@Resource(name = "sessionFactory")
private SessionFactory sessionFactory;
//过滤条件,动态拼接HQL语句。
public String addWhere(String hql, User u) {
if (u.getUsername() != null && !u.getUsername().trim().equals("")) {
hql += " where 1=1 and u.username like '%%" + u.getUsername()
+ "%%'";
}
return hql;
};
//设置为只读事务
@Override
@Transactional(readOnly = true)
public List<?> getUsers(int page, int rows, User u) {
String hql = "from User u ";
hql = addWhere(hql, u);
Query query = sessionFactory.getCurrentSession().createQuery(hql);
//hibernate的分页就依靠这两个set方法,详情请查看API文档。
query.setFirstResult((page - 1) * rows);
query.setMaxResults(rows);
//将结果以list返回。
return query.list();
}
//getTotal方法第一种写法,使用HQL的count函数
@Override
@Transactional(readOnly = true)
public Long getTotal(int page, int rows, User u) {
String hql=" select count(*) from User u";
hql=addWhere(hql, u);
Query query = sessionFactory.getCurrentSession().createQuery(hql);
//注意类型为Long。
return (Long) query.list().get(0);
}
/**
//getTotal方法的第二种写法,不使用HQL的count函数。
@Override
@Transactional(readOnly = true)
public List<?> getTotal(int page, int rows, User u) {
//不适用count,查询所有的,action通过ud.getUsers(page,rows,u).size()获得total。性能较差,毕竟我只要一个
//count数值,hibernate却list所有的之后在求size()。
String hql=" from User u";
hql=addWhere(hql, u);
Query query = sessionFactory.getCurrentSession().createQuery(hql);
return query.list();
}
*/
}
⑤、到此,后台功能开发完成,部署,运行即可。
page,rows,total参数解释
如图:

写下这篇文章,一是为了本着分享精神能与大家共同学习,探讨和进步。二是为了记录一下学习笔记,以备日后只需,查阅方便。不正确指出,望大家多多批评指正。(我的CSDN博客也有这篇文。。(⊙o⊙))
后续我将把JSONParser的代码分享一下,用于将list转换成标准的json格式。
本文转自:http://my.oschina.net/sgl/blog/123403
源码下载地址:https://code.csdn.net/Sgl731524380/easyui-pagination
Easyui的datagrid结合hibernate实现数据分页的更多相关文章
- easyui+struts2:datagrid无法不能得到数据
转自:https://bbs.csdn.net/topics/390980437 easyui+struts2:datagrid无法访问到指定action: userlist.jsp部分代码: XML ...
- easyui的datagrid用js插入数据等编辑功能的实现
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- C#的WebApi 与 EasyUi的DataGrid结合生成的可分页界面
1.从数据库每次取出的数据为当前分页的数据. 2.分页用的是EasyUI 的 Pagination控件,与DataGrid是相对独立的. 3.后台数据获取是通过WebApi去获取. 4.传入参数是:p ...
- easyUI之datagrid绑定后端返回数据的两种方式
先来看一下某一位大佬留下的easyUI的API对datagrid绑定数据的两种方式的介绍. 虽然精简,但是,很具有“师傅领进门,修行靠个人”的精神,先发自内心的赞一个. 但是,很多人和小编一样,第一次 ...
- 利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能
我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据, ...
- 关于EasyUI 1.5版Datagrid组件在空数据时无法显示"空记录"提示的BUG解决方法
问题:jQuery easyUI中Datagrid,在表格数据加载无数据的时候,如何显示"无记录"的提示语? 解决jQuery EasyUI 1.5.1版本的Datagrid,在处 ...
- easyUI的datagrid每行数据添加操作按钮的方法
今天做项目的时候,想在easyui的datagrid每一列数据后边都加上一个操作按钮,一开始想在后台拼接字符串用JSON传回,但是我测试之后发现这个方法不管用,在网上搜索了一下,整理如下: 其实要加一 ...
- easyui datagrid 异步加载数据时滚动条有时会自动滚到最底部的问题
在使用easyui 的datagrid异步加载数据时发现滚动条有时会自动滚到最底部.经测试发现,如果加载数据前没有选中行则不会出现这个问题.这样我们可以在重新异步加载数据前取消选中行就可以避免这个问题 ...
- EasyUI queryParams属性 在请求远程数据同时给action方法传参
http://www.cnblogs.com/iack/p/3530500.html?utm_source=tuicool EasyUI queryParams属性 在请求远程数据同时给action方 ...
随机推荐
- Ubuntu下装QQ2014
1.首先我们需要下载一个 deb的 Wine QQ安装包 qq2014官方下载:http://www.longene.org/download/WineQQ2013SP6-20140102-Longe ...
- AJAX 异步交互基本总结
AJAX (Asynchronous JavaScript and Xml) 直译中文 - javascript和XML的异步 同步与异步的区别: 同步交互 执行速度相对比较慢 响应的是完整的HTML ...
- Js数组里删除指定的元素(不是指定的位置)
转载自:http://my.oschina.net/zh119893/blog/265964 之前一直是做后端的,从来也没有写过js,但是却一直想学学,也只是基于兴趣而已!现在到了这个公司,确实大量的 ...
- 三种配置linux环境变量的方法(以java为例)
1.先确认是否为openjdk:参考 2. 修改/etc/profile文件 如果你的计算机仅仅作为开发使用时推荐使用这种方法,因为所有用户的shell都有权使用这些环境变量,可能会给系统带来安全性 ...
- eclipse 优化提速
1.windows–>perferences–>general–>startup and shutdown关掉没用的启动项: WTP :一个跟myeclipse差不多的东西,主要差别 ...
- 字串变换(codevs 1099)
题目描述 Description 已知有两个字串 A$, B$ 及一组字串变换的规则(至多6个规则): A1$ -> B1$ A2$ -> B2$ 规则的含义为:在 A$中的子串 A1$ ...
- Android中获取蓝牙log
1.蓝牙的snoop log存放位置 /etc/bluetooth/bt_stack.conf 2.修改方法 #关闭蓝牙 修改bt_stack.conf文件中打印log的等级 adb root a ...
- hdu 1806 rmq
找到一个区间内出现最多的数的次数 10 3 //10个数字三次询问 -1 -1 1 1 1 1 3 10 10 10 2 3 1 10 5 10 0 143 #include<cstdio> ...
- poj 3225 线段树+位运算
略复杂的一道题,首先要处理开闭区间问题,扩大两倍即可,注意输入最后要\n,初始化不能随便memset 采用线段树,对线段区间进行0,1标记表示该区间是否包含在s内U T S ← S ∪ T 即将[l, ...
- Android:dimen尺寸资源文件的使用
dimen.xml在values文件夹下面 <resources> <!-- Default screen margins, per the Android Design guide ...