layui分页按钮失效解决办法
2024-06-16 10:16:10
layui分页按钮失效解决办法
问题：分页条数没问题，但是无论点击分页按钮第一页还是第二页或者第N页，都是一次性把所有结果集返回，没有实现我们的效果
想要的结果是点击下方的分页按钮，表格能显示成上面的内容，按照页面渲染成分页的行数
如何让分页部分居中
<style type="text/css">
.layui-table-page {text-align: center;
}
</style><script>
layui.use('table', function(){var table = layui.table;//方法级渲染table.render({elem: '#instance_info', url: '/sql/mdisplay',method:'POST', cols: [[{checkbox: true, fixed: true}, {field: 'id', title: 'ID', width: 80, fixed: true}, {field: 'ip', title: '服务器IP地址', width: 200}, {field: 'port', title: '端口号', width: 80}, {field: 'instance_name', title: '实例名称', width: 200}, {field: 'instance_status', title: '主从标识',width: 100}, {field: 'cluster_status', title: '集群标识', width: 150}, {field: 'create_time', title: '创建时间', width: 200}, {field: 'apply_user', title: '申请人', width: 80}, {field: 'create_user', title: '创建人', width: 80}]], id: 'testReload', page: true,limits: [3,5,10],limit: 10, height: 500,parseData: function(res){ var result;console.log(this);console.log(JSON.stringify(res));if(this.page.curr){result = res.data.slice(this.limit*(this.page.curr-1),this.limit*this.page.curr);}else{result=res.data.slice(0,this.limit);}return {"code": res.code, "msg": res.msg, "count": res.count, "data": result};}});var $ = layui.$, active = {reload: function(){var input1 = $("input[name='pk']");var input2 = $("input[name='ip']");var input3 = $("input[name='insname']");//执行重载table.reload('testReload', {page: {curr: 1 //重新从第 1 页开始},where: {key: {id: input1.val(),ip: input2.val(),insname: input3.val()}}}, 'data');}};$('.demoTable .layui-btn').on('click', function(){var type = $(this).data('type');active[type] ? active[type].call(this) : '';});
});
</script>附上json字符串
{
code: 0,
msg: "",
count: 34,
data: [
{
id: 1,
ip: "192.168.56.101",
port: "3307",
instance_name: "健康大生活集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 02:29:23",
apply_user: null,
create_user: null,
},
{
id: 2,
ip: "192.168.56.102",
port: "3307",
instance_name: "健康大生活集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 02:29:23",
apply_user: null,
create_user: null,
},
{
id: 3,
ip: "192.168.56.103",
port: "3307",
instance_name: "健康大生活集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 02:29:23",
apply_user: null,
create_user: null,
},
{
id: 4,
ip: "192.168.56.103",
port: "3308",
instance_name: "健康大生活-1",
instance_status: "主",
cluster_status: "单机",
create_time: "2021-03-03 02:30:50",
apply_user: null,
create_user: null,
},
{
id: 5,
ip: "192.168.56.102",
port: "3309",
instance_name: "亢龙有悔集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 09:19:59",
apply_user: null,
create_user: null,
},
{
id: 6,
ip: "192.168.56.101",
port: "3309",
instance_name: "亢龙有悔集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:19:59",
apply_user: null,
create_user: null,
},
{
id: 7,
ip: "192.168.56.103",
port: "3309",
instance_name: "亢龙有悔集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:19:59",
apply_user: null,
create_user: null,
},
{
id: 8,
ip: "192.168.56.101",
port: "3310",
instance_name: "亢龙有悔集群-2",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 09:22:35",
apply_user: null,
create_user: null,
},
{
id: 9,
ip: "192.168.56.102",
port: "3310",
instance_name: "亢龙有悔集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:22:35",
apply_user: null,
create_user: null,
},
{
id: 10,
ip: "192.168.56.103",
port: "3310",
instance_name: "亢龙有悔集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:22:35",
apply_user: null,
create_user: null,
},
{
id: 11,
ip: "192.168.56.103",
port: "3311",
instance_name: "亢龙有悔集群-3",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 17:30:10",
apply_user: null,
create_user: null,
},
{
id: 12,
ip: "192.168.56.102",
port: "3311",
instance_name: "亢龙有悔集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 17:30:10",
apply_user: null,
create_user: null,
},
{
id: 13,
ip: "192.168.56.101",
port: "3311",
instance_name: "亢龙有悔集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 17:30:10",
apply_user: null,
create_user: null,
},
{
id: 14,
ip: "192.168.56.101",
port: "3312",
instance_name: "天龙八部集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:08:08",
apply_user: null,
create_user: null,
},
{
id: 15,
ip: "192.168.56.102",
port: "3312",
instance_name: "天龙八部集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:08:08",
apply_user: null,
create_user: null,
},
{
id: 16,
ip: "192.168.56.103",
port: "3312",
instance_name: "天龙八部集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:08:08",
apply_user: null,
create_user: null,
},
{
id: 17,
ip: "192.168.56.101",
port: "3313",
instance_name: "天龙八部集群-2",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:10:16",
apply_user: null,
create_user: null,
},
{
id: 18,
ip: "192.168.56.102",
port: "3313",
instance_name: "天龙八部集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:10:16",
apply_user: null,
create_user: null,
},
{
id: 19,
ip: "192.168.56.103",
port: "3313",
instance_name: "天龙八部集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:10:16",
apply_user: null,
create_user: null,
},
{
id: 20,
ip: "192.168.56.101",
port: "3314",
instance_name: "天龙八部集群-3",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:12:19",
apply_user: null,
create_user: null,
},
{
id: 21,
ip: "192.168.56.102",
port: "3314",
instance_name: "天龙八部集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:12:19",
apply_user: null,
create_user: null,
},
{
id: 22,
ip: "192.168.56.103",
port: "3314",
instance_name: "天龙八部集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:12:19",
apply_user: null,
create_user: null,
},
{
id: 23,
ip: "192.168.56.101",
port: "3315",
instance_name: "笑傲江旭集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:16:30",
apply_user: null,
create_user: null,
},
{
id: 24,
ip: "192.168.56.102",
port: "3315",
instance_name: "笑傲江旭集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:16:30",
apply_user: null,
create_user: null,
},
{
id: 25,
ip: "192.168.56.103",
port: "3315",
instance_name: "笑傲江旭集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:16:30",
apply_user: null,
create_user: null,
},
{
id: 26,
ip: "192.168.56.101",
port: "3316",
instance_name: "笑傲江旭集群-2",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:19:32",
apply_user: null,
create_user: null,
},
{
id: 27,
ip: "192.168.56.102",
port: "3316",
instance_name: "笑傲江旭集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:19:32",
apply_user: null,
create_user: null,
},
{
id: 28,
ip: "192.168.56.103",
port: "3316",
instance_name: "笑傲江旭集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:19:32",
apply_user: null,
create_user: null,
},
{
id: 29,
ip: "192.168.56.101",
port: "3317",
instance_name: "笑傲江旭集群-4",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:21:39",
apply_user: null,
create_user: null,
},
{
id: 30,
ip: "192.168.56.102",
port: "3317",
instance_name: "笑傲江旭集群-4",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:21:39",
apply_user: null,
create_user: null,
},
{
id: 31,
ip: "192.168.56.103",
port: "3317",
instance_name: "笑傲江旭集群-4",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:21:39",
apply_user: null,
create_user: null,
},
{
id: 32,
ip: "192.168.56.101",
port: "3318",
instance_name: "笑傲江旭集群-5",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:23:06",
apply_user: null,
create_user: null,
},
{
id: 33,
ip: "192.168.56.102",
port: "3318",
instance_name: "笑傲江旭集群-5",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:23:06",
apply_user: null,
create_user: null,
},
{
id: 34,
ip: "192.168.56.103",
port: "3318",
instance_name: "笑傲江旭集群-5",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:23:06",
apply_user: null,
create_user: null,
},
],
layui分页按钮失效解决办法相关推荐
- oracle em 界面乱码,oracle em 按钮乱码解决办法及em网页变成英文
oracle em 按钮乱码解决办法及em网页变成英文以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 一 oracle ...
- oracle em 按钮乱码解决办法
一.oracle em中按钮乱码解决办法: 1.修改jdk 下面的字体. [oracle@esop db_1]$ cd $ORACLE_HOME/jdk/jre/lib/ [oracle@esop l ...
- Matlab2012b licence失效解决办法
2017年11月11日是一个悲伤的日子,Matlab2012b自带的crack破解文件竟然失效了,打开文件,可以清楚的看到,有效日期截止到"11-nov-2017"! 网上找到的解 ...
- 微信小程序 border设置单边框失效解决办法
微信小程序 border设置单边框失效解决办法 遇到的问题 解决的方法 总结 遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...
- Vue下 touchstart touchend 事件无效失效解决办法
Vue下 touchstart touchend 事件无效失效解决办法 <van-button:disabled="isLoading"plaintype="inf ...
- Layui表单验证失效解决办法
出现layui表单提交时没有进行验证的情况解决办法 <div class="layui-input-inline" style="width: 150px;&quo ...
- Win系统复制粘贴失效解决办法
问题描述:Win系统下复制粘贴失效,表现为复制了,但是粘贴却失败,无论是快捷键还是右键菜单.可能复制事件捕捉失败,所以粘贴下去就不是新复制的内容而是之前复制的内容! 解决办法:重新注册以下DLL文件. ...
- eclipse自动补全失效解决办法
转自http://blog.csdn.net/rodjohnsondoctor/article/details/25099693 原因是自动补全需要在java选项中设置 java的property. ...
- 使用了css3动画的元素z-index失效解决办法
今天遇到了使用css3动画的元素层级被放大置顶的问题,ios浏览器上没问题,安卓原生浏览器和安卓微信上有问题. 使用了css3动画的元素z-index失效,兄弟元素设置多高的z-index都盖不住 解 ...
最新文章
- NSStream线程阻塞处理
- 1.2.2 OSI参考模型
- 热烈祝贺Polymer中文组织站点上线
- word菜单删除,小常识,删除word菜单,WORD菜单栏,删除词霸2003菜单,删除adobe菜单
- 小物件之radio单选列表
- java ajax html复选框,HTMLjavaSkcriptCSSjQueryajax（九）(示例代码)
- Java删除list
- android sdk 目录说明,Android的sdk、api及工程目录说明
- MYSQL导入数据出现ERROR 1049 (42000): Unknown database 'n??;'
- python中的while循环语句的数组循环_while循环
- 1095 解码PAT准考证 (25分)
- apk安装到电视上看不到图标_零基础搭建电视直播APP平台第二弹（修改APP）
- 也就只有程序员才能看懂的文章～
- 加密解密工具 之 希尔密码
- 关于jmeter TPS解读
- amoeba mysql_mysql中间件-amoeba
- 切片函数python_python切片操作
- 微信公众号里的视频下载
- 一分钟让你知道Hadoop是什么
- Unirech腾讯云国际版代充-使用RDP文件登录到Windows云服务器实例教程