//Demo校验按钮事件
layui.use(['element', 'form', 'jquery'], function () {
let $ = layui.jquery,
element = layui.element,
table = layui.table,
form = layui.form; //Tab的切换功能,切换事件监听等,需要依赖element模块
//监听提交
form.on('submit(formDemo)', function (data) {
$.post('地址'
, {'do': 1, 'data': data.field}
, function (data) {
if (data.status != -1) {
layer.msg('查询成功!');
//调用table渲染
setData("#demo", data);
} else {
layer.msg(data.message);
}
}, 'json'
)
});
})
function setData(Id, data) {
let table = layui.table;//获取表格
let col = [[]];//二维数组
let zd = data.zd.split(',');//获取字段名变成数组
for (let i = 0; i < zd.length; ++i) {//动态添加列属性
col[0].push({field: zd[i], title: zd[i], sort: true});//存二维数组
}
table.render({//渲染表格
elem: Id //table的id属性
, data: data.list //后台获取的数据
, page: true //开启分页
, height: 520 //表格的高度
, cols: col//把二维数组给cols
});
};
layui动态渲染表格 (获取后端数据渲染表格)
于 2022-10-21 15:26:08 首次发布