二十九、layui分页插件的使用

<div id="page1"></div>
<script>
	//开启分页
	var page = 1;
	function findstoreList(){
		var pageNum = page;
		data:{
			pageNum:pageNum
		}
		$.ajax({
			type:"get",
			url:"",
			async:true,
			data:data
		});
	}
	layui.use(['laypage', 'layer'], function() {
		var laypage = layui.laypage,
			layer = layui.layer;
		var pages = data.pages;
		//调用分页
		laypage({
			cont: 'page1', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div>
			pages: pages, //总页数 
			curr: function() { //通过url获取当前页,也可以同上(pages)方式获取
				var curPageNum = currentPage; //location.search.match(/curPageNum=(\d+)/);
				return curPageNum;
			}(),
			groups: 5, //连续显示分页数
			skip: false, //是否开启跳页
			skin: '#AF0000',
			jump: function(obj, first) { //点击页码出发的事件
				if(first != true) { //是否首次进入页面 
					var currentPage = obj.curr; //获取点击的页码	
					page = currentPage;
					//点击下一页或其他页码重新请求一次,将参数(当前页码)带过去即可
					findstoreList();
				}
			}
		});
		});
		}
	});
</script>

  

posted @ 2018-08-02 11:53  杰_森  阅读(750)  评论(0编辑  收藏  举报