`

dgrid之Grid Pagination 集成分页 后台rest service

    博客分类:
  • js
 
阅读更多

   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);

    }

 

 

0
0
分享到:
评论

相关推荐

    pagination - 前端分页插件

    本文将深入探讨“pagination”这一前端分页插件,它可以帮助开发者轻松实现具有CSS样式的分页功能。 分页插件是前端开发中的一个重要组件,它的主要作用是将大量数据分割成若干个较小的部分,每次只加载一部分数据...

    jquery pagination 分页组件 2.5.0

    jquery pagination 分页组件 jquery pagination 分页组件 jquery pagination 分页组件 官网 https://pagination.js.org/index.html 文档 https://pagination.js.org/docs/index.html

    java Pagination(分页并操作)

    Java 分页是数据库查询和网页显示大量数据时常用的一种技术,它能有效地管理大量数据,避免一次性加载所有数据导致的性能问题和用户体验下降。在Java中实现分页主要涉及两个核心概念:偏移量(Offset)和限制大小...

    基于后台的bootstrap分页控件pagination在asp.net mvc的使用

    总的来说,使用Bootstrap Pagination控件在ASP.NET MVC中实现分页功能,可以结合后台的C#代码处理数据逻辑,前端的jQuery进行交互,以及AJAX实现无刷新的数据获取,从而构建出高性能、易用的Web应用。记住,优化用户...

    jquery.pagination 异步 分页

    ### jQuery Pagination 插件实现异步分页 在Web开发中,为了提高用户体验并减轻服务器负担,异步分页技术被广泛应用。jQuery作为一个流行的JavaScript库,提供了强大的DOM操作能力,结合Ajax可以轻松实现异步加载...

    jquery_pagination分页插件

    总结来说,jQuery Pagination插件是实现网页分页功能的一个强大工具,它的易用性和灵活性使得开发者能够快速集成分页功能,提升项目的用户体验。通过学习和理解其源码,开发者还可以根据自己的需求进行扩展和优化,...

    PaginationControl_wpf分页_分页控件_

    总的来说,`PaginationControl_wpf分页_分页控件_` 提供了一个基础的分页解决方案,但需要开发者完成与应用程序的集成,包括UI布局、鼠标事件处理、数据绑定和样式定制。通过这些步骤,你可以创建一个功能齐全且用户...

    jsam-paginationjs分页插件.zip

    **jsam-paginationjs分页插件详解** 在网页开发中,数据展示往往涉及到大量的记录,为了提高用户体验,分页功能成为必不可少的一部分。jsam-paginationjs就是一款轻量级的JavaScript分页插件,它能够在客户端动态...

    jquery.pagination.js实现分页的三种形式,实例

    在这个实例中,我们将探讨如何使用 `jquery.pagination.js` 实现三种不同的分页形式:基本分页、AJAX 无刷新分页以及自定义分页属性。 **基本分页** 基本分页是最简单的应用场景,通常用于展示固定数量的数据集。...

    Pagination(分页)

    提到的"Pagination"插件是专为jQuery设计的分页解决方案。它提供了丰富的自定义选项,包括每页显示的条目数、页码样式、分页导航等,使得开发者可以根据项目需求进行定制。在使用过程中,我们可以参考提供的“使用...

    jQueryPager(JQuery分页插件pagination实现Ajax分页)

    **jQueryPager:基于JQuery的Ajax分页插件Pagination实现** 在Web开发中,当数据量庞大时,分页是一种常见的优化用户体验的方式。jQueryPager是一款轻量级的jQuery分页插件,它允许开发者通过Ajax无刷新的方式实现...

    pagination 分页示例 简洁版 注释 最新

    在IT行业中,分页(Pagination)是一种常见的网页设计技术,用于处理大量数据的展示,以提高用户体验和网站性能。在“pagination 分页示例 简洁版 注释 最新”的标题和描述中,我们可以推测这是一个关于分页实现的...

    无刷新分页 pagination

    在Jquery的基础上,`jquery.pagination.js`是一个专门用于实现无刷新分页的插件,它允许开发者轻松地在网页中集成分页功能。 在Jquery无刷新分页的实现中,`jquery.pagination.js`通常与后端数据库交互,通过AJAX...

    pagination分页插件

    "pagination分页插件"正是为了解决这个问题而设计的,它允许开发者通过简单的配置就能在项目中集成高效、美观的分页功能。 jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务,...

    Pagination(分页)

    在IT行业中,分页(Pagination)是一项至关重要的技术,特别是在数据量庞大的系统中。它允许用户逐步加载和查看数据,而不是一次性加载所有内容,从而提高了用户体验并减轻了服务器的负担。在Java编程语言中,实现...

    jquery_pagination分页插件下载

    详细参考:http://blog.csdn.net/xiejx618/article/details/47299491 后台的主要任务是获取总记录数和列表数据,剩下的分页功能可以交给前台来做就可以了,感觉jquery pagination...建议详细参考官方文档来了解各个配置...

    paginationjs分页器案例

    **标题:** Pagination.js分页器案例 **描述:** 本案例是关于使用jQuery插件Pagination.js实现前端分页功能的示例。Pagination.js是一个轻量级、高度可定制的JavaScript库,专门用于创建高效的前端分页组件。通过这...

    jQuery Pagination Ajax 分页插件.rar

    jQuery Pagination Ajax 分页插件,本插件实现的分页效果适合移动版和PC版,Ajax在不实现刷新网页的情况下,控制内容分页显示,实现这一功能,需要前台和后台两者结合 ,前台也就是本款代码所展现的功能,实现Ajax的...

    (源代码)第03讲:uni-pagination实现表格分页查询

    在本教程中,我们将深入探讨如何使用uni-app框架中的uni-pagination组件来实现表格数据的分页查询。uni-app是一款跨平台的开发工具,允许开发者使用Vue.js语法编写一次代码,部署到多端,如iOS、Android、H5、微信小...

    Jquery Pagination AJax 分页实例 For ASP

    本实例将详细讲解如何利用jQuery Pagination插件与AJAX技术在ASP环境中实现分页功能,同时连接到Access数据库进行数据读取。 **jQuery Pagination插件** 是一个轻量级的JavaScript组件,它提供了丰富的选项和事件,...

Global site tag (gtag.js) - Google Analytics