bootstrap-paginator分页插件
github下载地址: https://github.com/markbates/jquery-bootstrap-pagination参考教程:http://www.zuidaima.com/blog/3113283274804224.htmfunction paging(totalPage){var options = {bootstrapMajorVers...
·
github下载地址: https://github.com/markbates/jquery-bootstrap-pagination
参考教程:http://www.zuidaima.com/blog/3113283274804224.htm
function paging(totalPage){
var options = {
bootstrapMajorVersion:3,
currentPage: 1,//当前页面
// numberOfPages: 5,//一页显示几个按钮
totalPages:totalPage, //总页数
itemContainerClass: function (type, page, current) {
return (page === current) ? "active" : "cursor"; //设置当前光标为小手状态
},
onPageClicked:function(e,originalEvent,type,page){
var countPage = page;
showArticleList(countColumnId,countPage,pageSize);
}
}
$('#edu-pagination').bootstrapPaginator(options);
}
/*点击左侧栏目,显示栏目下的文章列表*/
function showArticleList(columnId, currentPage, pageSize){
countColumnId = columnId;
$.ajax({
type:'POST',
data :{
columnId : columnId,
currentPage : currentPage,
pageSize : pageSize
},
url: yy_context +'/cms/mgr/selectArticels.do',
dataType:'json',
async:false,
success:function(data){
//拼接文章
joinArticle(data.articleVoList);
paging(data.totalPage);
}
});
}
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献3条内容
所有评论(0)