我们使用CheckBox的时候,对于有一组数据的时候通常使用CheckboxGroup进行联动处理,但是有时没办法使用组件里面的联动。

例如:在Table组件中,含有CheckBox,但是又没办法使用联动的情况,应该怎么处理呢???

 

勾选下面的勾选框,来联动控制上面的全选,这个没办法直接使用CheckboxGroup,需要自己手动添加联动:

 

 

 

判断勾选时

 

 

 

勾选下面的勾选 => 全选

 现在this.state 里面添加一个  indeterminate  控制全选框是否勾选的样式,checked 勾选框是否全选  sendFileList 勾选下面勾选框的id

1、选择勾选框时,先判断sendFileList 里面是否含有本条数据,有则删除,没有则添加

2、判断勾选的条数与总条数的长度对比

 

点击全选 => 下面勾选框

 

1、判断是否勾选,通过e.target.checked,

2、如果已勾选,则把所有的列表赋值给sendFileList

 

posted on 2020-06-04 13:51  liumcb  阅读(2532)  评论(0编辑  收藏  举报