<div class="layui-inline">
									<button class="layui-btn layui-btn-primary layui-btn-sm" id="PageLast"><i
											class="layui-icon">上一页</i></button>
								</div>
								<div class="layui-inline">
									<button class="layui-btn-primary  layui-btn-sm" id="NowPage"><span>1</span></button>
								</div>
								<div class="layui-inline">
									<button class="layui-btn layui-btn-primary layui-btn-sm" id="PageNext"><i
											class="layui-icon">下一页</i></button>
								</div>
<div class="layui-inline">
									<label class="layui-form-label">当前页数:</label>
									<div class="layui-input-inline layui-form" lay-filter="Zpage" style="width: 80px;">
										<select id="Zpage">
											<option value="">1</option>
										</select>
										<input type="hidden" name="Sum" id="Sum" value="" />
									</div>
								</div>
				<div class="layui-inline">
									<button class="layui-btn layui-btn-sm" id="TR"><i class="layui-icon">跳转</i></button>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">总数:
									</label>
									<div class="layui-input-inline layui-form" lay-filter="PageZong"
										style="width: 80px;">
										<button class="layui-btn-primary  layui-btn-sm"
											id="PageZong"><span>1</span></button>
										<!--											<input type="text" name="Sum" id="PageZong" value="" />-->
									</div>
								</div>
//上一页 JS代码
$("#PageLast").click(function () {
	GetFenYe(1);
})

//下一页
$("#PageNext").click(function () {
	GetFenYe(2);
})
$("#TR").click(function () {
	GetFenYe(3);
})

//上一页
$("#PageLast1").click(function () {
	GetFenYeT(1);
})

//下一页
$("#PageNext1").click(function () {
	GetFenYeT(2);
})
$("#TR1").click(function () {
	GetFenYeT(3);
})
//定义分页函数
function GetFenYeT(id) {
	var Zpage = $("#Zpage1").val();
	//上一页
	if (id == 1) {

		if (Zpage == 1) {
			layer.msg("这已经是第一页!");
		} else {
			var at = --Zpage;
			TakeLook(at);
			$("#Zpage1").val(at);
			$("#NowPage1").text(at);
			form.render('select', 'Zpage1');
		}
	} else if (id == 2) //下一页
	{
		if (Zpage == $("#Sum1").val()) {
			layer.msg("这已经是最后一页!");
		} else {
			var as = ++Zpage;
			// console.log(as);
			TakeLook(as);
			$("#Zpage1").val(as);
			$("#NowPage1").text(as);
			form.render('select', 'Zpage1');
		}
	} else if (id == 3) //跳转页面
	{
		TakeLook(Zpage);
		$("#Zpage1").val(Zpage);
		$("#NowPage1").text(Zpage);
		form.render('select', 'Zpage1');
	}

}
	ReportCount(pages, page, count);//在返回的数据获取总数和页数

获取分页函数,分页条数等
function ReportCount(count, page, alllist) {
	// console.log(page)//当前页数
	// console.log(count)//当前总页数
	// console.log(alllist)//数据总条数
	var htmls = "";
	for (var i = 1; i <= count; i++) {
		htmls += "<option value=" + i + ">" + i + "</option>";
	}
	$("#Sum").val(count);
	//追加数据
	$("#Zpage").html(htmls);
	$("#Zpage").val(page);
	$("#NowPage").text(page);
	form.render('select', "Zpage");

	$("#PageZong").html(alllist);
	form.render('select', "PageZong");

}

更多推荐

上一页下一页翻页,layui进行