-
Notifications
You must be signed in to change notification settings - Fork 93
item
quirkyvar edited this page May 18, 2018
·
1 revision
NoForm认为一个完整的表单元素是FormItem而不是Input, Select这些实际的组件。 NoForm中包含FormItem和Item,这两者的区别是
- FormItem拥有NoForm定制的布局样式及表单元素的额外属性(prefix, suffix...)
- Item是纯粹的表单元素,它不具有任何布局样式。
完整的FormItem包含prefix, suffix, top, help, error等表单元素的额外属性。 其中content则为真实的表单组件,如Input,Select之类的。
在上图中,Item实际上只包含content
非常重要: FormItem下只能接入一个表单元素(Input, Select...)
FormItem通过onChange 和 value来控制表单元素值的显示。
因此onChange和value都是保留字,因此在FormItem上编写onChange和value是不被允许的。
如需在值发生变化时执行一些操作,请参考核心控制章节 中的onChange部分和setValue部分了解更多。
FormItem采用栅格布局来设置样式,默认为24列。可以通过以下两种方式设置
<Form layout={{ label: 8, control: 16}}> // 全局设置
<FormItem layout={{ label: 10, control: 14 }} /> // 局部设置
</Form>