码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-06-29 22:16:42      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:blog   ops   原因   管理   点击事件   image   .com   分享   时间   

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

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

解决思路:

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

技术分享

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

关键代码:

技术分享

 

技术分享

 

技术分享

 

技术分享

 

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

技术分享

 

技术分享

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

标签:blog   ops   原因   管理   点击事件   image   .com   分享   时间   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!