Form
Props & Methods
Form
help
string
htmlFor
string
[Empty string]
required
bool
FormRow
inline
bool
Label
help
string
htmlFor
string
[Empty string]
required
bool
Basic Usage
Non-horizontal
Inline & Horizontal
Inline & Non-horizontal
Work with Validator
Form Instances API
注意:使用Form API时,表单组件使用Form命名空间下的组件,见下面一个demo
| API | 说明 | 类型 |
|---|---|---|
| getValues | 获取此Form下的所有带name的表单组件的值 | Function(): object {name -> value} |
| setValues | 设置此Form下的所有带name的表单组件的值 | Function(): object {name -> value} |
| getFieldValue(name) | 获取对应表单的值 | Function(name: string): any |
| setFieldValue(name, value) | 设置对应表单的值 | Function(name: string, value: any): bool |
几点说明:* Form组件主要解决表单布局的问题,如果有什么新的建议或者想法提issue出来哈!* Form组件为其所有子元素提供了一个context,`this.context.form`就是Form组件实例* Form布局实现有更改`im-form--{修饰}`类下的表单组件如`im-checkgroup`,`im-radio-group`的样式,如果出现布局问题可以自行更改