首页 > 其他 > 详细

关于MUI v0.18.0版本 Table组件里的复选框不能选的解决方案

时间:2017-06-29 21:23:23      阅读:307      评论:0      收藏:0      [点我收藏+]

前段时间在用MUI的时候,Table组件出现复选框不能选的bug(描述: 点击复选框,点击事件会触发,复选框勾选状态无变化)。

解决方法: 用CheckBox组件代替Table组件自带的复选框。

解决思路:

1.将CheckBox分为两种,一种是表头里的全选框(以下称全选框),一种是列表行里普通的复选框(以下称普通框);

技术分享

2.将普通框进行单独封装(原因: 1.便于单个普通框自己管理自己的勾选状态,2.当全选框的勾选状态发生变化时,可以通过props将全选框的状态赋给它,从而实现全选的功能);

关键代码:

技术分享

 

技术分享

 

技术分享

 

技术分享

 

封装后的普通框关键代码:

技术分享

 

技术分享

关于MUI v0.18.0版本 Table组件里的复选框不能选的解决方案

原文:http://www.cnblogs.com/ganmy/p/7096177.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!