<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进行
发布评论