本文实例为大家分享了EasyUI DataGird的使用方法，供大家参考，具体内容如下
1. HTML代码
2.显示
3.js代码
// 实现对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%',{
title : '内容',field : 'content',width : '50%',halign : 'center',sortable : false
},{
title : '创建日期',field : 'createDate',width : '20%',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数据
},{
"content": "我是","createDate": "2016-12-16 20:10:03","id": 4,"title": "为","userName": "789"
}
]
}
5.Java后台封装
public NoticeManager getNoticeManager() {
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<String,Object> getMap() {
return map;
}
public void setMap(Map<String,Object> map) {
this.map = map;
}
/**
- @Title: getNoticesByUserId
- @Description: TODO(获取首页显示的所有公告数据)
- @return??? 设定文件
- @return String??? 返回类型
- @throws
*/
public String getNoticesByUserId() {
// 存放数据的list
ListaNotices = new ArrayList ();
User u = (User) getSession().get("LoginUser");
Listnotices = 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,u.getId()));
map.put("rows",aNotices);
return SUCCESS;
}
// total是easyui分页工具的总页数。名字固定。
map.put("total",u.getId()));
map.put("rows",aNotices);
/****2.Manager代码***/
@Override
public List
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 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配置文件
