layui 工具条实现分页
2024-09-01 23:20:45
1.页面
<div id="getShowTable" style="width: 100%; height: auto;clear: both;"></div>
2.js
//请求后台返回页面
function lodPage(page, limit,key) {
//请求数据
$.ajax({
type: "post",
url: gContextPath + "/wantReturnBid/wantReturnBidList.htm",
data: {
"page": page, "limit": limit,"key":key
},
dataType: "html",
success: function (data) {
$("#getShowTable").html(data);
}
});
}
3.请求返回的页面加
//分页工具条
<div id="page_dv" style="text-align: center;"></div>
//js
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage
, layer = layui.layer;
var current =${page.count};
//分页
laypage.render({
elem: 'page_dv'
, count: current //数据总数
, curr: '${page.page}'
, limit: 10
, groups: 10
, layout: ['count', 'prev', 'page', 'next', 'refresh', 'skip']
, jump: function (obj, first) {
if (!first) {
var key = $(".js_invite_serach_key").val()||"";
lodPage(obj.curr, obj.limit,key);
}
}
}); //回标
$(document).on("click",".js_return_bid",function(){
var _th = $(this);
var _rel = _th.attr("rel");
window.location.href=gContextPath+"/wantReturnBid/wantReturnBidEdit.htm?planId="+_rel;
}); })
最新文章
- BZOJ 2243: [SDOI2011]染色 [树链剖分]
- InfoPi运行机制介绍
- Windows Azure Virtual Machine (31) 迁移Azure虚拟机
- 二、处理MVC多级目录问题——以ABP为基础架构的一个中等规模的OA开发日志
- linux-查看系统是32位还是64位
- spring1冲刺感想与总结
- 【读书笔记】iOS-Xcode知识-多线程
- OC正则表达式的使用
- Jarvis OJ - [XMAN]level2 - Writeup
- 二分图最大匹配模板【匈牙利;Dinic最大流】
- 【Idea】-NO.163.Idea.2 -【How to show the horizontal scroll?】
- logging dictconfig
- Perl的命令行参数和ARGV
- a,b,c为3个整型变量,在不引入第四个变量的前提下写一个算法实现 a=b b=c c=a?(异或解决值互换问题)
- Mysql InnoDB 数据更新/删除导致锁表
- 10.1-uC/OS-III任务堆栈空间
- pattern.define注意事项
- vue教程1-08 交互 get、post、jsonp
- 详细聊聊k8s deployment的滚动更新(二)
- 解决wamp、vertrigo等集成环境安装后apache不能启动的问题