我們使用CheckBox的時候,對於有一組數據的時候通常使用CheckboxGroup進行聯動處理,但是有時沒辦法使用組件里面的聯動。
例如:在Table組件中,含有CheckBox,但是又沒辦法使用聯動的情況,應該怎么處理呢???
勾選下面的勾選框,來聯動控制上面的全選,這個沒辦法直接使用CheckboxGroup,需要自己手動添加聯動:
判斷勾選時
勾選下面的勾選 => 全選
現在this.state 里面添加一個 indeterminate 控制全選框是否勾選的樣式,checked 勾選框是否全選 sendFileList 勾選下面勾選框的id
1、選擇勾選框時,先判斷sendFileList 里面是否含有本條數據,有則刪除,沒有則添加
2、判斷勾選的條數與總條數的長度對比
點擊全選 => 下面勾選框
1、判斷是否勾選,通過e.target.checked,
2、如果已勾選,則把所有的列表賦值給sendFileList