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