简介
表单组件通常用来进行数据的保存和展示等数据交互场景,是自定义页面中中最主要的组件之一。
表单组件设值
表单值获取
有时候在其它地方需要获取某个表单的值,可以通过其实例方法getFieldsValue获取
表单提交
当表单中存在按钮且按钮类型为submit时,其点击即可触发表单的提交动作,另外也可以使用实例的submit方法去触发表单的提交动作
表单的提交会触发validate校验规则,同时会触发对应的事件,如需要提交表单数据,可在表单的提交事件onFinish中触发对应的提交动作
表单事件
表达事件主要包含四类事件:
- onFinish
- onFinishFailed
- onFieldsChange
- onValuesChange
表单实例
表单实例支持以下方法,可以获取到表单实例后直接调用下面的属性或者函数,其中submit方法会触发表单的校验和对应的提交事件,但是默认表单是不配置远程提交动作的,远程提交动作需要自己手动处理,reset同理,而getFieldsValue则常常用于表单数据的获取
- submit:触发表单提交动作,并触发校验和相关事件的触发
- getFieldsValue:常常用于获取表单内容
- setFieldsValue: 传入参数为表单数据对象,常用于表单设值
- reset:表单重置为初始状态