Layui table 編輯數據時彈出頁面 關閉頁面後刷新當前行所在的頁面

Layui Table是一个基于jQuery的轻量级表格插件，它提供了一种简单的方式来展示和编辑数据。当你需要在编辑数据时弹出一个新的页面，比如使用layui的dialog组件，编辑完成后关闭该页面，可以按照以下步骤操作：

1. 首先，在点击表单单元格触发编辑事件的地方，调用`layTable.edit(index, 'cell', true)`，其中index表示行索引，'cell'表示需要编辑的列，`true`表示打开新页。

$("#tableId").on("click", ".edit-cell", function() {
    var index = $(this).closest("tr").index();
    layui.dialog.open({
        type: 2, // 弹出框类型，2代表iframe
        title: '编辑',
        shade: [0.1, '#000'], // 遮罩层透明度及颜色
        content: '/edit-page.html?id=' + index, // 跳转到编辑页面的URL，并传入行ID
        success: function(index) {
            // 编辑页面关闭时的回调函数
            layui.dialog.on('closed', function(index, dt) {
                if (dt === 0) { // 如果用户手动关闭而非取消
                    // 刷新当前行所在的表格
                    layui.table.reload('tableId', {
                        index: index, // 使用传递的行ID刷新指定行
                        page: false // 不跳转分页
                    });
                }
            });
        },
        btn: ['保存', '取消'] // 显示按钮
    });
});

这里假设你已经有了一个编辑页面`/edit-page.html`，并且这个页面接收了一个用于识别特定行的`id`参数。当用户点击“保存”按钮后，`layui.dialog.on('closed')`监听对话框关闭事件，如果是因为保存操作而关闭，则刷新当前行的数据。