分页组件使用说明

依赖 jQuery 1.9.1+

参与开发请注意js压缩使用uglifyjs，建议全局安装uglifyjs

npm install uglify-js -g

引入方式

ES6

import Paging from 'paging-sm';

AMD

require(['paging-sm'], function(Paging){

  //cookie方法操作

})

调用方式

//创建回调函数
function buildHtml(data) {
  console.log(data);
}

//创建分页实例
var chinasoPage = new Paging({
  //列表渲染完成后的回调函数名，必填
  callback: null,

  //总页数，默认为10页
  totalPage: 10,

  //接口地址，必填
  url: '',

  //请求参数
  params: '',

  //返回数据中总页数字段名或者计算总页数函数，若不传，则默认加载最多10页数据
  jsonTotalPage: '',

  //当前页请求参数名，默认为pageNo
  pageIndexName: 'pageNo',

  //第一页数据从0开始还是从1开始，默认从0开始
  pageStart: 0,

  //数据请求类型
  datatype: 'json',

  //jsonp回调参数名
  jsonpName: 'callback',

  //jsonp回调参数值，即响应回来的jsonp函数名，不传的话默认为jquery自动生成
  jsonpCallbackName: '',

  //分页页码放置的外层容器ID
  paginationID: 'pagination',

  //数据渲染成功后是否跳转到页面顶部
  isGoTop: true,

  // 是否显示跳转页码
  isJumpPage: false

 });

chinasoPage.init();

参数调用说明

参数名 | 参数调用例子 --- | --- jsonTotalPage | 可以是字符串类型，如：totalPage 或者函数类型

• | jsonTotalPage: function(data){
• | return Math.floor(data.totalCount / data.pageSize);
• | }

更新参数

//params为&符号连接的字符串，如：&pageno=1&channel=XXX
chinasoPage.updateParams(params);