antd

在进行Table列表和Form表单混合使用的时候,有时候有添加按钮,每次新添一条table列表,之后提交的时候拿到所有table列表中的值,此时应该怎么使用?

先定义一个暂存action构造函数,为了后面数据可以进行暂存修改。

1、首先当获取这个table列表的时候,给每一条数据添加一个key值,可以定位修改的每一条数据

2、当点击添加时,给数据concat合并一条数据,并添加key值

3、当对数据中编辑的时候,添加一个暂存功能,记录每一条数据的内容。

4、提交时获取所有数据

删除:

1、先判断是否含有id值,如果含有则说明是已经保存过的数据,如果没有则是自己新增的还未提交的数据

2、如果是自己新增的数据的时候,先剔除选择的那条数据,我使用的是filter,通过判断当条的key值进行剔除

将key值重新用新的数据列进行赋值: item.key = index;

里面重新赋值的那块根据自己的需求进行操作,如果需要重新赋值的话,则用Form表单的setFieldsValue进行重新赋值

如果删除后,总长度为0 的时候,需要重新在添加一条新的数据,默认当前key值为0

原文地址:https://www.cnblogs.com/liumcb/p/13043300.html