jquery- pagination使用

    $("#gupiaopage").page({
        showInfo: false,
        showJump: false,
        showPageSizes: true,
        firstBtnText: ‘首页‘,
        lastBtnText: ‘尾页‘,
        prevBtnText: ‘上一页‘,
        nextBtnText: ‘下一页‘,
        jumpBtnText:‘跳转‘,
        infoFormat: ‘{start} ~ {end}条,共{total}条‘,
        pageSize:20,
        remote: {
            pageIndexName: ‘page‘,     //请求参数,当前页数,索引从0开始
            pageSizeName: ‘rows‘,       //请求参数,每页数量
            url: webPath+‘/attention/gupiao‘,
            params:{
                userId:‘1‘
            },
            success: function (data, pageIndex) {
                //console.log(data);
                var datas = data.list;          var html ;
                for(var i=0;i<datas.length;i++){
                    //拼接html
                }
                $(‘#gupiaotable‘).html(html);
            },
        }
     });
<div id="gupiaopanel" class="noshow">
        <table class="guanzhutable" id="gupiaotable">
        </table>
     <div id="gupiaopage"></div>
</div>

后台

    @RequestMapping("/gupiao")
    public void pinglun(HttpServletRequest req, HttpServletResponse res) throws Exception{
        String callback = req.getParameter("callback");
        Map<String,Object> map = new HashMap<String,Object>();
        int page = Integer.parseInt(req.getParameter("page"));
        page = page+1;
        PageParam pageParam = CtrlUtils.getPageParam(req);
        pageParam.setStart((page-1)*pageParam.getLimit());
        String userId = UtilsSession.getUserId(req.getSession());
        Page<UserAttentionStock> ret = userAttentionStockService.queryPageByUserId(userId, pageParam);

        List<UserAttentionStock> dataList = ret.getDatas();
        for (UserAttentionStock uas : dataList) {
            uas.setUser(null);
        }
        map.put("total", ret.getTotalProperty());
        map.put("list", dataList);
        CtrlUtils.putJsonp(callback,map, res);
    }
时间: 2024-11-02 17:50:55

jquery- pagination使用的相关文章

无刷新分页 jquery.pagination.js

1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个. 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css). 点击获取查看这两个文件 2.页面js代码为 <script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $

ajax分页实现,jquery.pagination.js

1.前台使用ajax无刷新分页,主要需要生成分页的工具条,这里使用的是jquery.pagination.js 插件参数可以参考----张龙豪-jquery.pagination.js分页 下面贴出代码 1 /** 2 * This jQuery plugin displays pagination links inside the selected elements. 3 * 4 * @author Gabriel Birke (birke *at* d-scribe *dot* de) 5

Jquery 分页插件 Jquery Pagination

Jquery 分页插件 Jquery Pagination 分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也挺简单明了的,也助于自己写个小插件. 不过我比较懒,一般直接拿着各种插件用,想偷懒的同学们也可以用用看: Jquery Pagination 大家可以去这里查看下演示:http://www.xuetub.com/plugin/jquery/221 使用方法也比较简单: <div id="pag

jquery.pagination.js分页

参数说明 参数名 描述 参数值 maxentries 总条目数                           必选参数,整数 items_per_page 每页显示的条目数                       可选参数,默认是10 num_display_entries 连续分页主体部分显示的分页条目数                       可选参数,默认是10 current_page 当前选中的页面                      可选参数,默认是0,表示第1页

jquery.pagination.js添加跳转页

原作者github地址:https://github.com/gbirke/jquery_pagination 在这基础上加入了跳转到指定页. 修改后的jquery.pagination.js /** * This jQuery plugin displays pagination links inside the selected elements. * * This plugin needs at least jQuery 1.4.2 * * @author Gabriel Birke (b

jquery+jquery.pagination+php+ajax 无刷新分页

<!DOCTYPE html> <html ><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>预约列表</title> <link rel="stylesheet" href="./static/pagination.css"> &

jQuery 分页插件(jQuery.pagination.js)ajax 实现分页

首先需要引入jQuery 再次需要引入 <script src="jquery/jquery.pagination.js"></script> 同时也要引入 <link rel="stylesheet" href="css/pagination.css"> 引入之后,分页基本样子 下面看分页配置参数 var defaults = { totalData: 0, //数据总条数 showData: 0, //每页

jquery pagination 简单应用

今天因为一个习惯问题,导致浪费了一些时间,记录一下. 在做Web开发的过程中,经常会用到分页,在我的php代码里面,页码是从1开始的,一直以来的写法是: $page = @intval($_GET['page']); if( $page < 1 ) { $page=1; } 然后在组合sql语句的时候 limit (page?1)? page_size,$page_size,现在才觉得页码从1开始有点多余. jquery.pagination.js主要用于无刷新分页,其实应用很简单,但因为以上习

knockoutjs+ jquery pagination+asp.net web Api 实现无刷新列表页

Knockoutjs 是一个微软前雇员开发的前端MVVM JS框架, 具体信息参考官网 http://knockoutjs.com/ Web API数据准备: 偷个懒数据结构和数据copy自官网实例 http://www.asp.net/web-api/overview/getting-started-with-aspnet-web-api/tutorial-your-first-web-api using System.Collections.Generic; using System.Lin

分享一个Jquery 分页插件 Jquery Pagination

分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也挺简单明了的,也助于自己写个小插件. 不过我比较懒,一般直接拿着各种插件用,想偷懒的同学们也可以用用看: Jquery Pagination 大家可以去这里查看下演示:http://www.xuetub.com/plugin/jquery/221 使用方法也比较简单: <div id="page2" class="m-paginat