jQuery插件simplePagination的使用方法

2020-06-09 分类：Wordpress教程 11389)

本文实例讲述了jQuery插件simplePagination的使用方法。分享给大家供大家参考，具体如下：

正在熟悉项目上的代码，新添加了一个需要，需要对表单进行分页，之前的代码中是有分页的代码的，看了老半天，也没看太明白。之前的项目比较久远，继续熟悉代码。

simplePagination的使用

HTML页面，

可用区	渠道	引用可用区	引用渠道
<div class=”row”> col–sm-12 col-sm-12″> <table class=”table table-striped table-hover table-bordered” data-toggle=”table” data-url=”data2.json” data-pagination=”true”>

因为项目里用到EJS–HTML模板，记得在一开始就引用SimplePagination插件，这个比较简单，就不细说了。

JS代码

';
##### +='';
##### +='';
#### +='';
#### +='';
updateRegionlogList +='';
}
regionPriceList.empty();
// 添加更新的数据
regionPriceList.append(updateRegionlogList);
});
var onPageClick = regionLogListFunc;
// 获取DOM文档ID
jQuery(“#pagination”).pagination({
item :<%=z###%>, //ejs模板
itemsOnPage :<%=#####t%> ,//ejs模板
cssStyle :'light-theme',
onPageClick :onPageClick,
onInit :regionLogListFunc,
});
});

var page_count = 0; // 定义分页的页数 var limit = 0 ; // 定义分页的条数 var regionLogListFunc = function(pageNumber){ if(pageNumber=== undefined){ pageNumber = 1; } // 页数判断和定义 $get(“/regionCopyList?page_number=”+ pageNumber,function(data,status){ var #### = jQuery(“####-##”); // 获取Table中 tbody的id值 var updateRegionlogList = ” // for in 遍历对传入的数据进行显示 for (var i in data){ #### +='
'+data[i].##+'	'+data[i].##'	'+data[i].##+'	'+data[i].##+'

另外一种写法是

var page_index;
var itemsOnPage = 1;
$(function() {
$(“#pagination”).pagination({
items: {$page_count}, 总页数
itemsOnPage: itemsOnPage,
cssStyle: ‘light-theme',
onInit: changePage, // 初始化函数
onPageClick: changePage //点击时触发函数
});
});
function changePage(page_index,event){
listTable.gotoPage(page_index); //gotoPage函数调用ajax获取数据填充页面
document.getElementById(‘pageCurrent').innerHTML=page_index;
return true;
}

希望本文所述对大家jQuery程序设计有所帮助。

jQuery插件simplePagination的使用方法

赞(0)

版权声明：本文采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称：《jQuery插件simplePagination的使用方法》
文章链接：https://www.ibytx.com/11389.html
本站资源仅供个人学习交流，请于下载后24小时内删除，不允许用于商业用途，否则法律问题自行承担。