EasyUI学习之DataGird分页显示数据

EasyUI学习之DataGird分页显示数据

本文实例为大家分享了EasyUI DataGird的使用方法，供大家参考，具体内容如下

1. html代码

id="grid"

style="width: 940px"

title="用户操作"

data-options="iconCls:'icon-view'">

2.显示

3.js代码

// 页面加载后显示表数据

$(function() {

var queryData = {};// 可添加一些预设条件

InitGrid(queryData);// 初始化Datagrid表格数据

});

// 实现对DataGird控件的绑定操作

function InitGrid(queryData) {

$('#grid').datagrid({ // 定位到Table标签，Table标签的ID是grid

url : 'getNoticesByUserId',// 指向后台的Action来获取当前用户的信息的Json格式的数据

title : '公告管理',

iconCls : 'icon-view',

height : 650,

width : function() {

return document.body.clientWidth

},// 自动宽度

pagination : true,

rownumbers : true,

sortName : 'title', // 根据某个字段给easyUI排序

pageSize : 20,

sortOrder : 'asc',

remoteSort : false,

idField : 'id',

queryParams : queryData, // 异步查询的参数

columns : [ [ {

field : 'ck',

width : '1%',

checkbox : true

}, {

title : '标题',

field : 'title',

width : '9%',

sortable : true,

halign : 'center'

}, {

title : '发布人',

field : 'userName',

width : '10%',

sortable : true,

halign : 'center'

}, {

title : '内容',

field : 'content',

width : '50%',

sortable : true,

halign : 'center',

sortable : false

}, {

title : '创建日期',

field : 'createDate',

width : '20%',

sortable : true,

halign : 'center',

align : 'center',

sortable : false

} ] ],

toolbar : [ {

id : 'btnAdd',

text : '添加',

iconCls : 'icon-add',

handler : function() {

ShowAddDialog();// 实现添加记录的页面

}

}, '-', {

id : 'btnEdit',

text : '修改',

iconCls : 'icon-edit',

handler : function() {

ShowEditDialog();// 实现修改记录的方法

}

}, '-', {

id : 'btnDelete',

text : '删除',

iconCls : 'icon-remove',

handler : function() {

Delete();// 实现直接删除数据的方法

}

} ]

});

};

4.Json数据

{

"total": 2,

"rows":[{

"content": "11",

"createDate": "2016-12-15 23:03:50",

"id": 1,

"title": "11",

"userName": "789"

}, {

"content": "我是",

"createDate": "2016-12-16 20:10:03",

"id": 4,

"title": "为",

"userName": "789"

}

]

}

5.java后台封装

/********************1.action代码*******************/

private NoticeManager noticeManager;

private int page;

private int rows;

Map map = new HashMap();

public NoticeManager getNoticehttp://Manager() {

return noticeManager;

}

public void setNoticeManager(NoticeManager noticeManager) {

this.noticeManager = noticeManager;

}

public int getPage() {

return page;

}

public void setPage(int page) {

this.page = page;

}

public int getRows() {

return rows;

}

public void setRows(int rows) {

this.rows = rows;

}

public Map getMap() {

return map;

}

public void setMap(Map map) {

this.map = map;

}

/**

* @Title: getNoticesByUserId

* @Description: TODO(获取首页显示的所有公告数据)

* @return??? 设定文件

* @return String??? 返回类型

* @throws

*/

public String getNoticesByUserId() {

// 存放数据的list

List aNotices = new ArrayList();

User u = (User) getSession().get("LoginUser");

List notices = noticeManager.GetNotices(page, rows, u.getId());

for (Notice notice : notices) {

ANotice aNotice = new ANotice();

aNotice.setId(notice.getId());

aNotice.setTitle(notice.getTitle());

aNotice.setCreateDate(notice.getCreateDate());

aNotice.setUserName(u.getUsername());

aNotice.setContent(notice.getContent());

aNotices.add(aNotice);

}

// total是easyui分页工具的总页数。名字固定。

map.put("total", noticeManager.getTotal(page, rows, u.getId()));

map.put("rows", aNotices);

return SUCCESS;

}

// total是easyui分页工具的总页数。名字固定。

map.put("total", noticeManager.getTotal(page, rows, u.getId()));

map.put("rows", aNotices);

/********************2.Manager代码*******************/

@OvIMqMterride

public List GetNotices(int page, int rows, int userId) {

String hql="From Notice Where 1=1 and userId = ?";

return dao.find(hql, new Object[]{userId}, page, rows);

}

@Override

public Long getTotal(int page, int rows, int userId) {

String hql="select count(*) from Notice Where 1=1 and userId = ?";

return dao.count(hql, new Object[]{userId});

}

/********************3.dao代码*******************/

public List

if (page == null || page < 1) {

page = 1;

}

if (rows == null || rows < 1) {

rows = 10;

}

Query q = this.getCurrentSession().createQuery(hql);

if (param != null && param.length > 0) {

for (int i = 0; i < param.length; i++) {

q.setParameter(i, param[i]);

}

}

return q.setFirstResult((page - 1) * rows).setMaxResults(rows).list();

}

6.struts配置文件

map

if (page == null || page < 1) {

page = 1;

}

if (rows == null || rows < 1) {

rows = 10;

}

Query q = this.getCurrentSession().createQuery(hql);

if (param != null && param.length > 0) {

for (int i = 0; i < param.length; i++) {

q.setParameter(i, param[i]);

}

}

return q.setFirstResult((page - 1) * rows).setMaxResults(rows).list();

}

6.struts配置文件

map

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。