radio field - Maixbxp/salt-ui GitHub Wiki
单选框犹如人中之凤,万里挑一。
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>
描述:自定义的扩展样式名称
类型:String
默认:''
必填:否
描述:复选框所需数据
类型:Array
数组对象:
{
value: undefined, // 非必填,默认为undefined,当前复选框的value值,any
checked:true, // 非必填,默认为false,是否选中,boolen
text:"hello boys", // 非必填,默认空文本,文本域填充内容,String/jsx
disable:true // 非必填,默认false,是否禁用,bollen
}
默认:空数组
必填:否
描述:点击按钮的回调
类型:Function
默认:空函数
必填:否
注入的参数:
- value,当前复选框数据
- index,当前复选框索引
- data,所有复选框数据
描述:是否使用group
来布局checkbox
类型:Boolen
默认:true
必填:否
描述:如果group
为true,可以传入group
相关参数
类型:Object
默认:
{
lineIndent:0,
itemIndent:18
}
描述:获取复选框组数据
类型:Function
- 点击disable的复选框,不会触发用户注册的回调函数。
- 单选框语义上你只能传入一个checked:true,如果你传入多个,我不阻止。