radio field - Maixbxp/salt-ui GitHub Wiki

radio-field

单选框犹如人中之凤,万里挑一。

Simple Usage

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

Props

className

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

类型:String

默认:''

必填:否

data

描述:复选框所需数据

类型:Array

数组对象:

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

默认:空数组

必填:否

onChange

描述:点击按钮的回调

类型:Function

默认:空函数

必填:否

注入的参数:

  • value,当前复选框数据
  • index,当前复选框索引
  • data,所有复选框数据

groupListFlag

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

类型:Boolen

默认:true

必填:否

groupListArgument

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

类型:Object

默认:

{
    lineIndent:0,
    itemIndent:18
}

APIs

getData(TO DO)

描述:获取复选框组数据

类型:Function

注意事项

  1. 点击disable的复选框,不会触发用户注册的回调函数。
  2. 单选框语义上你只能传入一个checked:true,如果你传入多个,我不阻止。
⚠️ **GitHub.com Fallback** ⚠️