Category:Components
Subtitle:多选组
Type:通用
Title:Checkboxgroup

描述

这是一个多选组按钮

何时使用

在我们的场景中如果需要使用到多选的场景，并需要成为一个组类来成为一个多选组，那么你会需要这个组件。

API

   let props ={ data:[
      {text:'处女座处女座处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座处女座处女座处女座处女座'},
      {text:'处女座'},
      {text:'处女座'},
      {text:'处女座'},
    ],
    isAllButton:true
    ,
    callback:this.callback
  }
    return <CheckboxGroup  {...props}/>

按钮的属性说明如下：

| 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | text | 这就是按钮对应的文字啊 | string | 默认参数 | | ischecked | 这个参数是判断是不是被选中了如果是则值为 true,我们当然希望你会去传这个参数，但是没有也无所谓，我们在初始化的时候会帮你插一个 | bool | false | | isgroup | 这个参数是新添加的判断是否随props的改变而改变组件的状态，如果判断为是则值为 true ，同上| bool | false | | disabled | 这个参数是选择按钮是否是可点击的。如果不可点击则为 true ，同上同上同上| bool | false | | handleClick | 一个点击参数在点击按钮的时候执行 | function | --- | | isAllButton | 是否显示全选按钮 | bool | true |

这里我们默认导出了一个叫做onAllChoses的函数

| allchose | 这个参数有0，1，2三种状态分别对应空，半选与全选| bool | false | | handleClick | 一个点击参数在点击按钮的时候执行 | function | --- |

禁用的情况全选如何处理