DDR爱好者之家 Design By 杰米
本文实例为大家分享了EasyUI DataGird的使用方法,供大家参考,具体内容如下
1. html代码
<table id="grid" style="width: 940px" title="用户操作" data-options="iconCls:'icon-view'"> </table>
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<String, Object> map = new HashMap<String, Object>(); 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"LoginUser"); List<Notice> 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代码*******************/ @Override public List<Notice> 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<T> find(String hql, Object[] param, Integer page, Integer rows) { 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配置文件
<!--前后台通过Json方式传输数据 --> <package name="jsonPackage" extends="struts-default,json-default"> <action name="getNoticesByUserId" class="NoticeAction" method="getNoticesByUserId"> <!-- 返回json类型数据 --> <result name="success" type="json"> <param name="root">map</param> </result> </action> </package>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年11月28日
2024年11月28日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]