美文网首页我爱编程
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));
    }
});

相关文章

  • Javascript 分页的一种实现

    pagination.js 页面定义 使用方法

  • pagination.js的使用

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

  • iconfont的使用(下载使用)

    1、下载文件 2、在生命周期中引入项目 beforeCreate () { var domModule = ...

  • Gson的使用--使用注解

    Gson为了简化序列化和反序列化的过程,提供了很多注解,这些注解大致分为三类,我们一一的介绍一下。 自定义字段的名...

  • 记录使用iframe的使用

    默认记录一下----可以说 这是我第一次使用iframe 之前都没有使用过; 使用方式: 自己开发就用了这几个属...

  • with的使用

    下面例子可以具体说明with如何工作: 运行代码,输出如下

  • this的使用

    什么是this? this是一个关键字,这个关键字总是返回一个对象;简单说,就是返回属性或方法“当前”所在的对象。...

  • this的使用

    JS中this调用有几种情况 一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象...

  • ==的使用

    积累日常遇到的编码规范,良好的编码习惯,持续更新。。。 日常使用==用于判断的时候,习惯性将比较值写前面,变量写后...

  • this的使用

    1.默认绑定,就是函数立即执行。 函数立即执行就是指向window,但是如果是node环境,就是指向全局conso...

网友评论

    本文标题:pagination.js的使用

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