CUI/SolidJs
预览
  • CUI-Admin
    权限管理开发平台

Form 表单

代码演示

属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
labelWidthlabel宽度number
form表单绑定Object
inline内联模式boolean
autocomplete自动填充选项string
errorTransfer使用popover显示错误提示booleanfalse
errorAlign设置popover的显示位置stringright
onChange表单项改变事件Function

Form 事件

事件名称说明返回值
onChange值改变事件name, value

FormItem属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
inline内联模式boolean
labelWidthlabel宽度number
labelStylelabel样式Object
labelAlignlabel对齐方式start | end | center
label表单项文本string
name表单项名称string
errorTransfer使用popover显示错误提示booleanfalse
errorAlign设置popover的显示位置stringright

useForm属性

属性说明类型默认值
data表单数据, key对应FormItem的name字段Object-
validation字段校验配置 key 与 data中的key对应, 如果使用async-validator验证方式,则value为数组形式Object-
message校验失败的提示信息 key 与 data中的key对应,如果使用async-validator验证方式,则可以为空Object

useForm方法

事件名称说明参数返回值
resetFields重置表单以及校验--
validate是否验证通过-true: 通过, false: 不通过
isValid同validate-true: 通过, false: 不通过
getFormData获取当前表单数据-Object
setFormData设置表单项数据,多个较为方便mData: any表单数据,check:是否立即验证-
setCheckValid设置表单项的验证方法, 逻辑较为复杂不建议自定义name: 表单项名称, checkFn: 验证方法-
clearValidates清空校验name?: 需要清空校验的表单项名称,不传则清空整个表单-
resetFieldsValidate同clearValidatesname?: 需要清空校验的表单项名称,不传则清空整个表单-