// 分页js
/**
* author:xxh
* DateTime: 2017年11月21日23:43:34
* @param {*} objID 选择器ID 不用class避免重复不唯一
* @param {*} total 数据总页数
* @param {*} pageSize 每页显示数量
* @param {*} paginaNum 显示页码数
* @param {*} cueType 选中页样式 left center right
*/
function pagination(objID,total,pageSize,paginaNum,curType){
// console.log(objID,total,pageSize,curType)
// 初始化参数
var pageSizeVal = arguments[2] ? arguments[2] : 5; //默认一页显示8个
var paginaNumVal = arguments[3] ? arguments[3] : 5; //默认显示五个分页码
var curTypeVal = arguments[4] ? arguments[4] : 'center'; //默认当前页码居中
var pageCount = ''; // 页数
var prenum = '';// 当前页码前 页码数
var aftnum = ''; // 当前页码后 页码数
var clickNum=0;
// 提示 可删除
// $('#x-tips').html('总数量:'+total+'每页显示数量:'+pageSizeVal+'页码数:'+paginaNumVal+'被选中float:'+curTypeVal+'被选中float:'+curTypeVal)
if(objID && total) {
var htmlTemplate = '' // 分页html模板
var obj = document.getElementById(objID) // 分页容器对象
// 计算页数
pageCount = ((total/pageSize) > parseInt(total/pageSize)) ? parseInt(total/pageSize)+1 : parseInt(total/pageSize)
// 判断 页码数 奇偶
console.log("pageCount"+pageCount);
var res = paginaNumVal%2;
if (res == 0){
// 偶数
prenum = paginaNumVal/2
} else {
//奇数
prenum = parseInt(paginaNumVal/2)
}
// 循环出页码
htmlTemplate +='
'
for(var i=0;i' + pageNo + ''
}
htmlTemplate += '
'
// 默认居中
obj.innerHTML = htmlTemplate
// 默认显示
// console.log(paginaNumVal)
for(var i = 0;i< paginaNumVal;i++ ) {
// 默认第一个选中
$('#'+objID +' ul').children('li').eq(0).addClass('cur');
// 显示配置的页码个数
$('#'+objID +' ul').children().eq(i).addClass('page-show');
}
// li 绑定事件
$('#'+objID).on("click",'li',function(){
var curIndex = $(this).index() // 当前点击的页数
clickNum=curIndex;
// 根据 curType 分类 写点击事件效果
if(curType == 'left') {
// 选中页码 居首
// 和居中差不多原理 待完成
} else if (curType == 'right') {
// 居右
// 和居中差不多原理 待完成
} else {
// 默认居中
$('#'+objID +' ul').children('li').removeClass('cur');
$('#'+objID +' ul').children('li').eq(curIndex).addClass('cur');
// console.log(curIndex-prenum)
if(curIndex > prenum){
// console.log('大于')
var i =curIndex-prenum;
$('#'+objID +' ul').children('li').addClass('page-hidden');
for(i;i<=curIndex+prenum;i++){
// console.log(curIndex)
// console.log(curIndex+prenum)
$('#'+objID +' ul').children('li').eq(i).removeClass('page-hidden');
$('#'+objID +' ul').children('li').eq(i).addClass('page-show');
}
} else {
// console.log('小于')
var i =0
$('#'+objID +' ul').children('li').addClass('page-hidden');
for(i;i=pageCount){
clickNum=pageCount-1;
return false;
}else{
$('#'+objID +' ul').children('li').removeClass('cur');
$('#'+objID +' ul').children('li').eq(clickNum).addClass('cur');
// console.log(clickNum-prenum)
if(clickNum > prenum){
// console.log('大于')
var i =clickNum-prenum;
$('#'+objID +' ul').children('li').addClass('page-hidden');
for(i;i<=clickNum+prenum;i++){
// console.log(clickNum)
// console.log(clickNum+prenum)
$('#'+objID +' ul').children('li').eq(i).removeClass('page-hidden');
$('#'+objID +' ul').children('li').eq(i).addClass('page-show');
}
} else {
// console.log('小于')
var i =0
$('#'+objID +' ul').children('li').addClass('page-hidden');
for(i;i prenum){
// console.log('大于')
var i =clickNum-prenum;
$('#'+objID +' ul').children('li').addClass('page-hidden');
for(i;i<=clickNum+prenum;i++){
// console.log(clickNum)
// console.log(clickNum+prenum)
$('#'+objID +' ul').children('li').eq(i).removeClass('page-hidden');
$('#'+objID +' ul').children('li').eq(i).addClass('page-show');
}
} else {
// console.log('小于')
var i =0
$('#'+objID +' ul').children('li').addClass('page-hidden');
for(i;i