antd -- CheckBox不使用CheckboxGroup聯動,可以聯動的處理


我們使用CheckBox的時候,對於有一組數據的時候通常使用CheckboxGroup進行聯動處理,但是有時沒辦法使用組件里面的聯動。

例如:在Table組件中,含有CheckBox,但是又沒辦法使用聯動的情況,應該怎么處理呢???

 

勾選下面的勾選框,來聯動控制上面的全選,這個沒辦法直接使用CheckboxGroup,需要自己手動添加聯動:

 

 

 

判斷勾選時

 

 

 

勾選下面的勾選 => 全選

 現在this.state 里面添加一個  indeterminate  控制全選框是否勾選的樣式,checked 勾選框是否全選  sendFileList 勾選下面勾選框的id

1、選擇勾選框時,先判斷sendFileList 里面是否含有本條數據,有則刪除,沒有則添加

2、判斷勾選的條數與總條數的長度對比

 

點擊全選 => 下面勾選框

 

1、判斷是否勾選,通過e.target.checked,

2、如果已勾選,則把所有的列表賦值給sendFileList

 


免責聲明!

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



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