layui数据表格中reload报错layui error hint: The table instance with ID ‘idTest‘ not found

最新推荐文章于 2024-09-30 10:06:59 发布

Gabriel_wei

最新推荐文章于 2024-09-30 10:06:59 发布

阅读量6k

点赞数 2

分类专栏：前端文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/gabriel_wei/article/details/125523421

版权

前端专栏收录该内容

183 篇文章 7 订阅

订阅专栏

在使用lay UI的table表格时候，报错如下

在这里插入图片描述

原因

在使用reload函数时候，用到了idTest这个id，其对应的不是html了，而是初始化的时候，赋值的那个id

table.reload("idTest", {
	url: api.role_getByCondition,
	where: {
		name: $("#rolename").val(),
	},
	page: {
		curr: 1 //重新从第 1 页开始
	}
});

解决

在初始化表格时候，加入id: 'idTest',

table.render({
	elem: '#test',
	id: 'idTest',
	url: api.role_getAll,
	title: '角色数据表',
	totalRow: true,
	cols: [
		[{
			field: 'id',
			title: 'ID',
			sort: true,
			align: "center",
		}, {
			field: 'rolename',
			title: '角色名称',
			align: "center",
			edit: 'text'
		}, {
			field: 'state',
			title: '状态',
			align: "center",
			edit: 'text'
		}, {
			fixed: 'right',
			title: '操作',
			toolbar: '#barDemo',
			align: "center"
		}]
	],
	page: true
});