Imui
Components
AlertAlignButtonCheckboxCheckbox GroupConfirmDatepickerDialogDropdownFormProps & MethodsBasic UsageNon-horizontalInline & HorizontalInline & Non-horizontalWork with ValidatorForm Instances APIIconInputMenuMessageMonthpickerPagePickerPopconfirmRadioStatusboxTabTableUploadValidator
Home introReadmeRelease

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

  • 班级通收费
  • 班级1
  • 班级2
  • 班级通收费
  • 班级1
  • 班级2

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`的样式,如果出现布局问题可以自行更改

Form.Input

Form.Datepicker

Form.Dropdown

Form.Checkbox

Form.CheckGroup

  • 默认选中且disabled
  • 默认待选中
  • 默认选中,带有自定义标签/元素的label

Form.RadioGroup