checkbox field - Maixbxp/salt-ui GitHub Wiki

checkbox-field

复选框犹如韩信点兵,多多益善。

Simple Usage

let CheckboxFieldProps = {
    data:[
        {
            value:"1",
            checked:false,
            text:(<div>你好</div>),
            disable:false
        },
        {
            value:"2",
            checked:true,
            text:"他好",
            disable:true
        },
        {
            value:"3",
            checked:true,
            text:"我也好",
            disable:false
        },
        {
            value:"4",
            checked:false,
            text:"大家都好",
            disable:true
        }
    ],
    onChange:function(value,index,data) {
        console.log(value,index,data)
    }
}
return <div>
    <CheckboxField {...CheckboxFieldProps}/>
</div>

Props

className

描述:自定义的扩展样式名称

类型:String

默认:''

必填:否

data

描述:复选框所需数据

类型:Array

数组对象:

{
    value: undefined, // 非必填,默认为undefined,当前复选框的value值,any
    checked:false, // 非必填,默认为false,是否选中,boolen
    text:"hello boys", // 非必填,默认空文本,文本域填充内容,String/jsx
    disable:false, // 非必填,默认false,是否禁用,bollen
}    

默认:空数组

必填:否

onChange

描述:点击按钮的回调

类型:Function

默认:空函数

必填:否

注入的参数:
value, 当前复选框的value值
index,当前复选框索引
data,所有复选框数据

groupListFlag

描述:是否使用group来布局checkbox

类型:Boolen

默认:true

必填:否

groupListArgument

描述:如果group为true,可以传入group相关参数

类型:Object

默认:

{
    lineIndent:0,
    itemIndent:18
}

必填:否

注意事项

点击disable的复选框,不会触发用户注册的回调函数。

⚠️ **GitHub.com Fallback** ⚠️