2.1.0 • Published 2 years ago

paging-sm v2.1.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

分页组件使用说明

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