有没有人出现过我这种问题啊,动态添加table数据但是新添加的数据一直渲染不出来的啊。有没有好人能赐教一下😭
父页面
子页面
js代码
layui.use(['table', 'form', 'jquery', 'layer'], function () {
let table = layui.table;
let $ = layui.jquery;
let layer = layui.layer;
let tableData = [];
$.ajax({
url: '../../admin/data/stuInfo.json'
, type: "get"
, dataType: "json"
, success: function (result) {
tableData = result.data;
table.render({
elem: '#stu-table-all',
toolbar: '#stu-toolbar',
defaultToolbar: [],
skin: 'line',
page: true,
cols: [
[
{ type: 'checkbox' },
{ field: 'id', title: '学号', width: '20%', align: 'center' },
{ field: 'stuName', title: '学生姓名', width: '20%', align: 'center' },
{ field: 'college', title: '所属院系', width: '20%', align: 'center' },
{ field: 'class', title: '年级', width: '20%', align: 'center' },
]
],
data: tableData
});
}
});
$(".addBtn").on("click", function () {
var oldData = parent.layui.table.cache["stu-table-choose"];
console.log("old " + JSON.stringify(oldData));
//打印父页面的table信息
var checkStatus = table.checkStatus('stu-table-all');
var newData = checkStatus.data;
console.log("new " + JSON.stringify(newData));
//打印子页面被选中行的信息
for (let i = 0; i < newData.length; i++) {
oldData.push(newData[i]);
}
console.log("reload " + JSON.stringify(oldData));
//打印重组的table信息
parent.layui.table.reload('stu-table-choose',
{
data: oldData
})
})
})
打印台结果: