antd - Table列表中有時會添加一條新紀錄時怎么拿到列表中的數據


在進行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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM