- 浏览: 325783 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
di1984HIT:
谢谢,写的不错。
使用hector操作Cassandra -
mr_von:
非常感谢!
paoding的分词使用 -
howgoo:
http://www.dhtmlx.com/docs/prod ...
dhtmlxGrid分页与排序 -
青春的、脚步:
谢谢
spring-data-mongodb的MongoTemplate 使用小例子 -
青春的、脚步:
xiaofancn 写道青春的、脚步 写道这个能查询都个值在某 ...
spring-data-mongodb的MongoTemplate 使用小例子
1、服务端处理的Conntllor
package com.snailteam.reporting.web; import java.util.ArrayList; import java.util.List; import javax.annotation.Resource; import javax.validation.Validator; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.ResponseBody; import com.snailteam.reporting.domain.DataSource; import com.snailteam.reporting.domain.json.JsonRow; import com.snailteam.reporting.domain.json.JsonTable; import com.snailteam.reporting.service.DataSourceService; import com.snailteam.reporting.util.PojoMapper; /** * @Description:异步请求,dhtmlGrid数据的处理 * * @Author: xiaofancn * @Date: 2011-7-20 上午10:51:01 * */ @Controller @RequestMapping("/ajax") public class Ajax { private Logger logger = LoggerFactory.getLogger(Ajax.class); private Validator validator; @Resource private transient DataSourceService dataSourceService; @Autowired public Ajax(Validator validator) { this.validator = validator; } /** * 根据页面请求的起始页和数量参数 返回json对象,spring负责将对象序列化成json * * @param posStart * @param count * @return */ @RequestMapping(value = "/ds", method = RequestMethod.GET) @ResponseBody // JsonTable是我封装好的对象,页面dhtmlxGrid脚本能够识别的Json格式 public JsonTable loadDataSources(Integer posStart, Integer count, @RequestParam(required = false) String orderby, @RequestParam(required = false) String direct) throws Exception { JsonTable table = new JsonTable(); List<JsonRow> rows = new ArrayList<JsonRow>(); if (direct != null && !direct.equals("asc")) direct = "DESC"; // DataSource是我们项目中的实体 List<DataSource> lists = dataSourceService.loadDataSources(posStart, count, orderby, direct); if (lists == null) return null; for (DataSource ds : lists) { JsonRow row = new JsonRow(); List<String> datas = new ArrayList<String>(); row.setId(ds.getId()); datas.add(ds.getId().toString()); datas.add(ds.getName()); datas.add(ds.getDescription()); datas.add(ds.getJdbcDriver()); datas.add(ds.getJdbcPassword()); datas.add(ds.getJdbcUserName()); datas.add(ds.getJdbcUrl()); rows.add(row); row.setData(datas); } table.setPos(posStart); table.setRows(rows); table.setTotal_count(dataSourceService.getCount().intValue()); //测试代码 System.out.println(PojoMapper.toJson(table, true)); return table; } }
2、页面端的代码
<html> <head> <title>小例子</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=8"> <link rel="stylesheet" href="/base/static/style/blueprint/screen.css" type="text/css" charset="UTF-8" media="screen, projection"> <link rel="stylesheet" href="/base/static/style/blueprint/print.css" type="text/css" charset="UTF-8" media="print"> <link rel="stylesheet" type="text/css" href="/base/static/dhtmlx/3.0/dhtmlx.css" charset="UTF-8"> <link rel="SHORTCUT ICON" href="/base/static/imgs/favicon.ico"><script src="/base/static/dhtmlx/3.0/dhtmlx.js" type="text/javascript" charset="UTF-8"></script> <script src="/base/static/jquery-1.6.js" type="text/javascript" charset="UTF-8"></script> <script src="/base/static/jquery.form.js" type="text/javascript" charset="UTF-8"></script> <script src="/base/static/mvcUtil.js" type="text/javascript" charset="UTF-8"></script> <script src="/base/static/dhtmlx/3.0/dhtmlxgrid_json.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript" charset="UTF-8"> var webStatic = "/base/static/"; var dhxSkin = "dhx_skyblue"; var webroot = "/base/"; var dhxImagePath = "/base/static/dhtmlx/3.0/imgs/"; </script> <script src="/base/static/dataSource/initDhtmlDrid.js" type="text/javascript" charset="UTF-8"></script> </head> <body> <table width="500px" id="paging_container"> <tr> <td id="recinfoArea"><!--页数信息--></td> </tr> <tr> <td> <div id="gridbox" style="widht:100%; height:150px; background-color:white;overflow:hidden"><!-- --></div> </td> </tr> <tr> <td id="pagingArea"><!--页数区域 --></td> </tr> </table> </body> </html>
3、我们的脚本 static/dataSource/initDhtmlDrid.js
var mygrid; var mygridUrl = webroot + "ajax/ds?un="+ Date.parse(new Date()); $(document).ready(function() { //初始化Grid表格 doInitGrid(); //注册Grid表格的排序事件 mygrid.attachEvent("onBeforeSorting", sortGridOnServer); }); function doInitGrid() { mygrid = new dhtmlXGridObject('gridbox'); mygrid.setImagePath(webroot + "static/dhtmlx/3.0/imgs/"); // 指定图片路径 mygrid .setHeader("id,name,description,jdbcDriver,jdbcUserName,jdbcPassword,jdbcUrl"); // 设置表头显示 mygrid.init(); //设置可排序的字段 mygrid.setColSorting("id,name"); //允许分页 mygrid.enablePaging(true, 18, 5, "pagingArea", true, "recinfoArea"); mygrid.load(webroot + "ajax/ds?posStart=0&count=18&un=" + Date.parse(new Date()), "json"); mygrid.xmlFileUrl=webroot + "ajax/ds";//分页时,dhtmlxGrid能自动为我们添加参数如posStart和count } function sortGridOnServer(ind, gridObj, direct) { mygrid.clearAll(); mygrid.load(webroot + "ajax/ds?posStart=0&count=18&un=" + Date.parse(new Date())+ "&orderby=" + gridObj + "&direct=" +direct ,"json"); mygrid.xmlFileUrl=webroot + "ajax/ds"; mygrid.setSortImgState(true, gridObj, direct); return true; }
4、显示效果
参考代码构造的json对象
package com.snailteam.reporting.domain.json; import java.util.List; public class JsonRow { Object id; Object data; public Object getId() { return id; } public void setId(Object id) { this.id = id; } public Object getData() { return data; } public void setData(Object data) { this.data = data; } } public class JsonTable { List<JsonRow> rows; int total_count; int pos; public int getPos() { return pos; } public void setPos(int pos) { this.pos = pos; } public int getTotal_count() { return total_count; } public void setTotal_count(int total_count) { this.total_count = total_count; } public List<JsonRow> getRows() { return rows; } public void setRows(List<JsonRow> rows) { this.rows = rows; } }
dhtmlxGrid项目参考代码
// 初始化角色信息的dhtmlxGrid function initRoleGrid() { roleGrid = new dhtmlXGridObject('roleGrid'); roleGrid.setHeader(" ,角色名,角色类型"); //允许可以选中多行 roleGrid.enableMultiselect(true); roleGrid.enableMultiline(true); roleGrid.setImagePath(webroot + "static/dhtmlx/3.0/imgs/"); //第一类设置checkbox显示(数据为1,0) roleGrid.setColTypes("ch,ro,ro"); roleGrid.init(); roleGrid.load(webroot + "user/roles?&un=" + Date.parse(new Date()) + "&userId=" + $("#userId").val(), "json"); roleGrid.xmlFileUrl = webroot + "user/roles"; } //获取所有行id数组对象 function getSelectRowId() { var idArray = new Array(); //根据索引遍历所有的行 for ( var index = 0; index < roleGrid.getRowsNum(); index++) { var ch = roleGrid.cellByIndex(index,0);//index行,第一列 if (ch.isChecked()) {//checkbox是否选中 idArray.push(roleGrid.getRowId(index));// 获取index行的Id属性值 } } return idArray; }
评论
3 楼
howgoo
2012-12-26
http://www.dhtmlx.com/docs/products/dhtmlxGrid/editions.shtml
免费版不支持分页,我晕。。。
免费版不支持分页,我晕。。。
2 楼
yspl66
2012-09-27
能不能把程序包发我邮箱359164636@qq.com,十分感谢,我就想看下json格式,我做的xml可以显示总页数,但是用json做就不行了。
1 楼
sjx84110
2012-08-12
enablePaging方法在3.5里面有么?
发表评论
-
spring cloud gateway 全局过滤器。
2019-03-17 23:11 490spring cloud gateway 网关 ... -
elasticsearch 5.4搜索
2017-05-19 08:37 148@Test public void t ... -
netty简单的操作memcached
2017-04-19 18:59 939pom文件 <dependency> ... -
juc系列-Executor框架
2017-03-20 13:34 660转自 juc系列-Executor框架 什 ... -
ReentrantLock 类
2017-03-19 21:11 11.1 什么是reentrantlock java.u ... -
juc之CountDownLatch、CyclicBarrier和Semaphore例子
2017-03-19 17:23 788import java.util.concurren ... -
netty客户端与服务端例子
2017-03-12 20:07 2762package com.snailteam.nett ... -
freemaker集成spring
2017-02-26 19:00 528<bean id="freeMark ... -
spring集成Hessian插件配置改成自动注入。
2017-02-10 15:39 796原来的配置 <bean name="/ ... -
web开发模版
2017-02-09 14:42 0# Rules reminder: # DEBUG &l ... -
Java多线程
2017-02-04 14:39 485线程状态图 新建状态(New): ... -
hash冲突解决
2017-01-23 18:30 4191、开放地址法有一个公式: m是hash表长度,di ... -
mybatis +spring 分库
2015-04-30 17:56 353<context:component-scan b ... -
Java并发任务处理例子
2014-02-12 16:06 1097public void init() { su ... -
JAVA动态代理模式
2012-10-03 01:01 1145这是我要实现的效果 public static ... -
paoding的分词使用
2012-06-13 21:30 4836paoding下载 http://code.googl ... -
使用spring-hadoop操作hadoop
2012-05-20 02:12 32参考文章 http://blog.springsource. ... -
solr3.5集成paoding和位置搜索及对solrj的使用。
2012-04-28 02:12 1919http://xiaofancn.iteye.com/blog ... -
日期处理DateUtils
2012-03-24 09:47 4748import java.text.SimpleDateF ... -
Cassandra的数据分布情况测试
2012-03-16 15:09 19931、规划种子节点ip和Token值的对应 4个种子 ...
相关推荐
DhtmlxGrid的自定义的分页样式,不是他们内部的三种皮肤分页; 本篇还有dhtmlxgird没有的复选框选中整行的效果,dhtmlxgrid多行选中使用的是 [Ctrl+鼠标]、[Shift+鼠标],在国内大部分的体验操作都是第一列放复选框的...
DhtmlxGrid的自定义的分页样式,不是他们内部的三种皮肤分页; 本篇还有dhtmlxgird没有的复选框选中整行的效果,dhtmlxgrid多行选中使用的是 [Ctrl+鼠标]、[Shift+鼠标],在国内大部分的体验操作都是第一列放复选框的...
文档主要对dhtmlxGrid 实现的功能进行介绍,以及API操作中文手册。 文档大致目录如下: 一、 dhtmlxGrid 介绍 7 1. 自定义XML: 7 2. 支持多行表头、表尾展现 7 3. 移动、添加、删除列 8 4. 处理大型数据集-支持分页 ...
DHTMLX grid复制以及分页栏跳转,支持grid的复制和分页跳转JS
非常强大的js Grid,dhtmlxgrid 1.4专业版,支持分页功能。
dhtmlxgrid专业版的分页功能dhtmlxgrid_pgn.js
1 之前上传了dhtmlx的官方demo上去 都很久了 (http: download csdn net detail pxzsky 2946815)看大家最近有需求 希望得到实际的使用代码 因为组件很多 所以我觉得大家可能对一些核心组件还是很感兴趣的 特别是...
dhtmlxTree、dhtmlxTreeGrid、dhtmlxGrid 、dhtmlxVault、dhtmlxTabbar、dhtmlxWindows 、dhtmlxMenu、dhtmlxCalendar、dhtmlxCombo 、dhtmlxToolbar、dhtmlxSlider、dhtmlxAccordion 、dhtmlxFolders、...
DataList分页与排序Repeater分页
详细的例子,介绍了用Repeater进行分页与排序,支持多种分页与排序。其中包含对当前页排序
动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页
dhtmlxGrid 启用Ajax的JavaScript网格控制与尖端功能,强大的数据绑定,并与大型数据集的出色表现 。组件是易于使用,并提供了极大的灵活性,由于其丰富的客户端 API 。dhtmlxGrid支持不同的数据源(XML,JSON,CSV...
分页和排序,应该是软件开发中,需要必知必会的技能了,对于分页,网上很多教程,当然,别人终究是别人的,只有自己理解,会了,并且吸收之后,再用自己的语言,传授出来,这才是硬道理。好了,废话说多了。现在我们...
Ext分页排序 Ext分页排序 Ext分页排序
jQuery动态表格数据分页检索排序代码,纯前端实现搜索功能(非原创)
SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎--NewsWithSearch.part3 SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎--NewsWithSearch.part2 SSH + Lucene + 分页 + 排序 + 高亮 ...
dwz .net 简单分页 表头排序、查询
SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎--NewsWithSearch.part3 SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎--NewsWithSearch.part2 SSH + Lucene + 分页 + 排序 + 高亮 ...
SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎--NewsWithSearch.part3 SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎--NewsWithSearch.part2 SSH + Lucene + 分页 + 排序 + 高亮 ...