dgrid之Grid集成分页 后台rest service
前台代码 <script type="text/javascript"> define.amd.jQuery = true; require([ "jquery", "dstore/Rest", "dstore/Cache", "dstore/Trackable", "dojo/_base/lang", 'dgrid/extensions/Pagination', "dgrid/Grid", "dojo/dom-construct", "dojo/dom-class", "dojo/on", "dstore/RequestMemory", 'dojo/_base/declare', "dojo/request", "dijit/form/Button", "dojo/io-query", "dojo/parser", "dojo/domReady!" ], function(jquery, Rest, Cache, Trackable, lang, Pagination, Grid, domConstruct, domClass, on, RequestMemory, declare, request, Button, ioQuery){ function createStore(config){ testStore = new declare([ Rest, Cache, Trackable ])(lang.mixin({ target:"listjson.do" }, config)); } createStore(); getColumns2 = function(){ return [ { label: 'No.', field: 'id', formatter: function (value,obj) { return '<span style="color:#0078C1" />'+value+'</span>'; }}, { label: ' Name', field: 'name'}, { label: 'Gender', field: 'gender'}, { label: 'Age', field: 'age'}, { label: 'type', field: 'type' ]; }; var CustomGrid = declare([Grid, Pagination]); var dgrid = new CustomGrid({ className: "dgrid-autoheight", collection: testStore, columns: getColumns2(), pagingLinks: true, pagingTextBox:false, firstLastArrows: false, previousNextArrows: false, showLoadingMessage: true, rowsPerPage: 7 }, "dgrid"); }); </script> <div style="padding:17px 17px; width:1024px;" > <div id="dgrid" ></div> </div> 后台代码 @RequestMapping(method = RequestMethod.GET, value = "listjson") public @ResponseBody HttpEntity listjson(HttpServletRequest request) { Enumeration<String> names=request.getParameterNames(); String limit = null; while(names.hasMoreElements()){ String name = names.nextElement(); if(name.startsWith("limit")){ limit = name; } } String limitNum = limit.substring(6, limit.length()-1); int offset = 0; int pageSize = 0; if(limitNum.contains(",")){ String[] pageinfo = limitNum.split(","); pageSize = Integer.parseInt(pageinfo[0]); offset = Integer.parseInt(pageinfo[1]); }else{ pageSize = Integer.parseInt(limitNum); } int total = count(); int start = offset/pageSize +1; int page = offset/pageSize + 1 ; List list = getList(pageSize, page); HttpHeaders headers = new HttpHeaders(); headers.add( "Content-Range" , "items "+start+"-"+offset+"/"+total); return new HttpEntity<List<User>>(list,headers); }
相关推荐
本文将深入探讨“pagination”这一前端分页插件,它可以帮助开发者轻松实现具有CSS样式的分页功能。 分页插件是前端开发中的一个重要组件,它的主要作用是将大量数据分割成若干个较小的部分,每次只加载一部分数据...
jquery pagination 分页组件 jquery pagination 分页组件 jquery pagination 分页组件 官网 https://pagination.js.org/index.html 文档 https://pagination.js.org/docs/index.html
Java 分页是数据库查询和网页显示大量数据时常用的一种技术,它能有效地管理大量数据,避免一次性加载所有数据导致的性能问题和用户体验下降。在Java中实现分页主要涉及两个核心概念:偏移量(Offset)和限制大小...
总的来说,使用Bootstrap Pagination控件在ASP.NET MVC中实现分页功能,可以结合后台的C#代码处理数据逻辑,前端的jQuery进行交互,以及AJAX实现无刷新的数据获取,从而构建出高性能、易用的Web应用。记住,优化用户...
### jQuery Pagination 插件实现异步分页 在Web开发中,为了提高用户体验并减轻服务器负担,异步分页技术被广泛应用。jQuery作为一个流行的JavaScript库,提供了强大的DOM操作能力,结合Ajax可以轻松实现异步加载...
总结来说,jQuery Pagination插件是实现网页分页功能的一个强大工具,它的易用性和灵活性使得开发者能够快速集成分页功能,提升项目的用户体验。通过学习和理解其源码,开发者还可以根据自己的需求进行扩展和优化,...
总的来说,`PaginationControl_wpf分页_分页控件_` 提供了一个基础的分页解决方案,但需要开发者完成与应用程序的集成,包括UI布局、鼠标事件处理、数据绑定和样式定制。通过这些步骤,你可以创建一个功能齐全且用户...
**jsam-paginationjs分页插件详解** 在网页开发中,数据展示往往涉及到大量的记录,为了提高用户体验,分页功能成为必不可少的一部分。jsam-paginationjs就是一款轻量级的JavaScript分页插件,它能够在客户端动态...
在这个实例中,我们将探讨如何使用 `jquery.pagination.js` 实现三种不同的分页形式:基本分页、AJAX 无刷新分页以及自定义分页属性。 **基本分页** 基本分页是最简单的应用场景,通常用于展示固定数量的数据集。...
提到的"Pagination"插件是专为jQuery设计的分页解决方案。它提供了丰富的自定义选项,包括每页显示的条目数、页码样式、分页导航等,使得开发者可以根据项目需求进行定制。在使用过程中,我们可以参考提供的“使用...
**jQueryPager:基于JQuery的Ajax分页插件Pagination实现** 在Web开发中,当数据量庞大时,分页是一种常见的优化用户体验的方式。jQueryPager是一款轻量级的jQuery分页插件,它允许开发者通过Ajax无刷新的方式实现...
在IT行业中,分页(Pagination)是一种常见的网页设计技术,用于处理大量数据的展示,以提高用户体验和网站性能。在“pagination 分页示例 简洁版 注释 最新”的标题和描述中,我们可以推测这是一个关于分页实现的...
在Jquery的基础上,`jquery.pagination.js`是一个专门用于实现无刷新分页的插件,它允许开发者轻松地在网页中集成分页功能。 在Jquery无刷新分页的实现中,`jquery.pagination.js`通常与后端数据库交互,通过AJAX...
"pagination分页插件"正是为了解决这个问题而设计的,它允许开发者通过简单的配置就能在项目中集成高效、美观的分页功能。 jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务,...
在IT行业中,分页(Pagination)是一项至关重要的技术,特别是在数据量庞大的系统中。它允许用户逐步加载和查看数据,而不是一次性加载所有内容,从而提高了用户体验并减轻了服务器的负担。在Java编程语言中,实现...
详细参考:http://blog.csdn.net/xiejx618/article/details/47299491 后台的主要任务是获取总记录数和列表数据,剩下的分页功能可以交给前台来做就可以了,感觉jquery pagination...建议详细参考官方文档来了解各个配置...
**标题:** Pagination.js分页器案例 **描述:** 本案例是关于使用jQuery插件Pagination.js实现前端分页功能的示例。Pagination.js是一个轻量级、高度可定制的JavaScript库,专门用于创建高效的前端分页组件。通过这...
jQuery Pagination Ajax 分页插件,本插件实现的分页效果适合移动版和PC版,Ajax在不实现刷新网页的情况下,控制内容分页显示,实现这一功能,需要前台和后台两者结合 ,前台也就是本款代码所展现的功能,实现Ajax的...
在本教程中,我们将深入探讨如何使用uni-app框架中的uni-pagination组件来实现表格数据的分页查询。uni-app是一款跨平台的开发工具,允许开发者使用Vue.js语法编写一次代码,部署到多端,如iOS、Android、H5、微信小...
本实例将详细讲解如何利用jQuery Pagination插件与AJAX技术在ASP环境中实现分页功能,同时连接到Access数据库进行数据读取。 **jQuery Pagination插件** 是一个轻量级的JavaScript组件,它提供了丰富的选项和事件,...