【14.x】【SpreadJS】主子表批量保存如何配置？

Lynn.Dou

本帖最后由 hanl 于 2022-1-4 09:50 编辑

1、使用场景： 目前想通过产品实现主子表批量保存的功能。以人员信息录入为例：主表是人员基本信息，子表是人员教育经历，在Excel里的表现形式如下：
image.png50424193.png

   用户可以通过添加行、删除行、修改行的方式来批量维护人员信息，最后通过点击保存按钮实现批量保存功能。
2、问题
   1. 这种主子表（或者叫主从明细）的批量保存如何实现？我目前想到的是用表格（Table）来实现，通过设置数据源和绑定Path的方式。但是目前Table.getDirtyRows无法获取到删除行。
   2. 如果通过表格来实现，获取增加、修改、删除行的最好方式是什么？
   3. 如果用Sheet表单（不用表格）的形式实现，是否会更好？
   4. 如果有更好的方案或示例，也请麻烦提供一下。
   5. 再追问一下，主子表的表现形式可否不像我截图里那样，有其他更好更直观的方式，比如类似于那种分组列的形式，第一行是主表，下面的行是子表。（这个我想过，涉及到一个问题，就是主表列宽和子表列宽如何互不影响？）如果有那种浮动子表（相当于是浮动DIV），不影响主表的列设置，那可能可以解决。

Lynn.Dou · Lynn.Dou

您好，结合您的使用场景，建议您使用table绑定。
脏数据的产生需要一定条件，所以您可以通过对比数据源来判断是否进行了新增、修改、删除操作。
具体如下：
绑定数据源后，使用sheet.getDataSource().getSource() 方法可以获取修改后的数据源，
对比前后数据源，判断做了哪些修改性行为，以及获取变更的数据。
sheet级别绑定会将字段绑定在列头上，结合您描述场景来看，不太符合您的需求。
当然，您也可以实际测试下。
image.png922233276.png