美文网首页我爱编程
pagination.js的使用

pagination.js的使用

作者: chengfengwang | 来源:发表于2018-04-08 15:41 被阅读0次

    官网:http://pagination.js.org/
    get 方法请求数据

    $('#pagination-container').pagination({
        dataSource: '/fund/getProductList', //请求的url
        locator: 'recordList', //返回值data的位置
        totalNumberLocator: function (res) { //返回值总数量的位置
            return Math.floor(res.totalCount);
        },
        numPerPage: 5,
        pageRange: 1,
        className: '',
        prevText: '<&nbsp;上一页',
        nextText: '下一页&nbsp;>',
        showGoInput: false,
        showGoButton: false,
        callback: function (data, pagination) {   //回掉函数
            $('#data-container').html(template(data));
        }
    });
    

    post 方法请求数据

    $('#pagination-container').pagination({
        dataSource: '/fund/getMyProduct',
        ajax:{
            type:'post',
            url:'/fund/getMyProduct',
            data:{customerCode:(AES.aesEncrypt(customerCode, AES.aesKey, AES.iv))}
        },
        locator: 'recordList', //data的位置
        totalNumberLocator: function (res) { //总数量的位置
            return Math.floor(res.totalCount);
        },
        numPerPage: 5,
        pageRange: 1,
        className: '',
        prevText: '<&nbsp;上一页',
        nextText: '下一页&nbsp;>',
        showGoInput: false,
        showGoButton: false,
        callback: function (data, pagination) {
            $('#data-container').html(template(data));
        }
    });
    

    相关文章

      网友评论

        本文标题:pagination.js的使用

        本文链接:https://www.haomeiwen.com/subject/xkxmhftx.html