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