使用Tabulator的history模块时,undo()是否应清除cell.isEdited()标记?
Tabulator撤销操作后编辑标记未移除的解决方案
不需要手动清除cell.isEdited()标记,但需要在undo()执行后重新同步单元格的CSS编辑标记。
问题原因
Tabulator执行table.undo()后,内部会自动重置对应单元格的isEdited()状态,但你用来标记编辑单元格的setEditedCellsVisibility()函数不会自动触发,导致页面上的CSS类没有同步更新。
解决方法
监听Tabulator的history-undo事件,在每次撤销操作完成后调用setEditedCellsVisibility()刷新标记:
// 给表格添加撤销事件监听 Table.on("history-undo", function() { setEditedCellsVisibility(); });
原理说明
Tabulator的getEditedCells()方法会实时返回当前处于编辑状态的单元格列表,undo()操作后该列表会自动移除已撤销的单元格。重新调用setEditedCellsVisibility()会先清空所有单元格的edited类,再根据最新的编辑列表重新添加标记,确保页面显示和内部状态一致。
内容的提问来源于stack exchange,提问作者Abeabe
相关产品推荐
相关产品推荐

