layui 工具条实现分页

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>
//jslayui.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;});})

转载于:https://www.cnblogs.com/tangbang/p/10121081.html

layui 工具条实现分页相关推荐

LayUI: 工具条toolbar 绑定事件lay-event
//监听工具条 table.on('tool(test)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的 ...
Element常用组件—表格、表单、对话框和分页工具条
目录一.Element表格二.Element表单三.Element对话框四.Element分页工具条五. 结合之后的组件代码一.Element表格由输入框.选择器.单选框.多选框等控件组 ...
layUI踩坑：数据表格的监听工具条，点击事件没有反应
<%--类别展示--%> <table class="layui-hide" id="test"></table><% ...
layui后台框架修改分页条数
layui后台框架修改分页条数遇到客户想要layui后台分页条数筛选可以全部数据放在一页在这里记录下修改步骤右键审查元素可以看到页面元素指向标签<select lay-ignore> ...
layui数据表格及分页
一.前端部分 html只需要放一个有id的div就行了,方便js获取渲染区域 <div id="data_grid" lay-filter="demo" ...
修改layui框架html,layui框架如何设置分页？（方法介绍）
layui框架如何设置分页?下面本篇文章给大家介绍一下layui框架中设置分页的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 具体步骤如下: 1.从官方文档 - 内置模块 ...
【全栈之前端编程】Javaweb使用thymeleaf局部刷新结合Layui插件实现Html分页
热门系列: 程序人生,精彩抢先看目录 1.前言 2.正文 2.1 开发环境介绍 2.2 实现代码 2.3 实现流程说明 2.4 实现效果程序人生,精彩抢先看 1.前言最近个人在做开发的时候,需要 ...
百度富文本编辑器UEditor如何自定义配置toolbars工具条
UE.getEditor('editor', {toolbars: [[//工具条'fullscreen', 'source', 'undo', 'redo', 'bold', 'italic','u ...
13_MFC工具条和状态栏
MFC工具条和状态栏 Windows控制窗口 Windows (Windows95或者以上版本) 提供了系列通用控制窗口,其中包括工具条(ToolBar).状态栏(StatusBar).工具条提示窗口 ...
[Eclipse]GEF入门系列（六、添加菜单和工具条）
我发现一旦稍稍体会到GEF的妙处,就会很自然的被它吸引住.不仅是因为用它做出的图形界面好看,更重要的是,UI中最复杂和细微的问题,在GEF的设计中无不被周到的考虑并以适当的模式解决,当你了解了这些,完 ...

layui 工具条实现分页

layui 工具条实现分页相关推荐

最新文章

热门文章