Layui表格edit编辑后值不会自动更新到data数组和table.cache，需手动监听edit事件并用obj.tr.data('index')获取正确索引同步更新缓存，否则reload、导出等操作将丢失最新值。
edit 编辑后值没更新到表格数据里
layui 表格的 edit 属性开启单元格编辑后，用户输完回车或失焦，新值**不会自动写入 data 数组**，也不会触发任何默认回调。这是最常被误以为“没生效”的原因。
- 编辑只是渲染层交互，底层数据仍为原始值，
table.cache['your-id']里对应字段也未变 - 必须手动监听
edit事件并显式更新数据源（通常是table.cache） - 不更新缓存会导致：后续调用
table.reload()时丢掉刚改的值、导出数据仍是旧值、自定义工具栏操作读不到最新内容
监听 edit 事件并同步更新 table.cache
Layui 的 edit 事件只传入一个 obj 参数，里面含 field（字段名）、value（新值）、oldValue（旧值）、tr（当前行 DOM）、row（当前行原始数据对象），但注意：row 是引用，修改它会影响缓存——但仅限于你初始化表格时传入的是可变对象（常见）。
- 推荐做法：直接改
obj.row[obj.field] = obj.value，再调用table.cache手动刷新对应项（更稳妥） - 不要只改
obj.row就完事，某些场景下（如启用了url分页且未开启page: false），row可能是浅拷贝 - 示例代码：
table.on('edit(test)', function(obj){
var value = obj.value; // 新值
var field = obj.field; // 字段名，如 'username'
var data = obj.data; // 当前行完整数据（原始对象）
// ✅ 安全写法：同时更新 row 和 table.cache
data[field] = value;
var cache = table.cache['test'];
var index = obj.tr.data('index'); // 获取行索引
if (cache[index]) {
cache[index][field] = value;
}
});
为什么用 data-index 而不用 obj.tr.index()？
obj.tr.index() 返回的是当前 <tr> 在整个 <code><tbody> 中的位置，但分页、搜索、排序后这个序号和 <code>table.cache 的索引完全对不上；而 obj.tr.data('index') 是 Layui 内部写入的唯一行标识，和缓存数组下标严格一致。
- 错误写法：
table.cache['test'][obj.tr.index()][field] = value→ 分页后必错 - 正确写法：
var index = obj.tr.data('index');→ 始终指向缓存中那条数据 - 如果
obj.tr.data('index')返回undefined，说明表格未正确绑定 ID 或未启用缓存（检查是否漏了id: 'test'）
编辑后需要立刻提交到后端？别跳过校验
单纯更新前端缓存不够，多数业务要求编辑后立即保存。但直接在 edit 回调里发请求容易引发重复提交、并发冲突、无网络反馈等问题。
- 加防抖：同一单元格连续快速修改，只提交最后一次（用
setTimeout+clearTimeout） - 加 loading 状态：禁用该单元格再次编辑，避免用户误点
- 失败后要 revert：AJAX 失败时把
obj.row[field]和table.cache恢复成obj.oldValue - 注意：Layui 不提供内置的“编辑中”状态标记，得自己用
obj.tr.addClass('editing')之类管理 UI
edit 是个“半成品”交互，真正落地必须补全缓存同步和副作用处理，最容易忽略的是 data-index 的使用时机和后端提交时的异常回滚。
