ant Form 常用 api

摘要:
方法描述类型getFieldDecorator用于与表单的双向绑定。有关详细信息,请参阅以下描述。getFieldError获取输入控件的ErrorFunctiongetFieldsError获取一组输入控件的Error。如果没有传入任何参数,则所有组件的ErrorFunctiongetFieldsValue将获取一组输入控件的值。如果未传入任何参数,则获取所有组件的值FunctiongetFieldValue获取输入控件FunctionisFieldsTouched的值判断是否有任何输入控件经历了getFieldDecorator选项的值收集计时。触发器(名称?

经过 Form.create 包装的组件将会自带 this.props.form 属性,this.props.form 提供的 API 如下:

注意:使用 getFieldsValue getFieldValue setFieldsValue 等时,应确保对应的 field 已经用 getFieldDecorator 注册过了。

方法     说明                                    类型      
getFieldDecorator用于和表单进行双向绑定,详见下方描述 
getFieldError获取某个输入控件的 ErrorFunction(name)
getFieldsError获取一组输入控件的 Error ,如不传入参数,则获取全部组件的 ErrorFunction([names: string[]])
getFieldsValue获取一组输入控件的值,如不传入参数,则获取全部组件的值Function([fieldNames: string[]])
getFieldValue获取一个输入控件的值Function(fieldName: string)
isFieldsTouched判断是否任一输入控件经历过 getFieldDecorator 的值收集时机 options.trigger(names?: string[]) => boolean
isFieldTouched判断一个输入控件是否经历过 getFieldDecorator 的值收集时机 options.trigger(name: string) => boolean
isFieldValidating判断一个输入控件是否在校验状态Function(name)
resetFields重置一组输入控件的值(为 initialValue)与状态,如不传入参数,则重置所有组件Function([names: string[]])
setFields设置一组输入控件的值与错误状态:代码({
  [fieldName]: {value: any, errors: [Error] }
}) => void
setFieldsValue设置一组输入控件的值(注意:不要在 componentWillReceiveProps 内使用,否则会导致死循环,原因({ [fieldName]: value }) => void
validateFields校验并获取一组输入域的值与 Error,若 fieldNames 参数为空,则校验全部组件(
  [fieldNames: string[]],
  [options: object],
  callback(errors, values)
) => void
validateFieldsAndScroll与 validateFields 相似,但校验完后,如果校验不通过的菜单域不在可见范围内,则自动滚动进可见范围参考 validateFields

validateFields/validateFieldsAndScroll

const { form: { validateFields } } = this.props;
validateFields((errors, values) => {
  // ...
});
validateFields(['field1', 'field2'], (errors, values) => {
  // ...
});
validateFields(['field1', 'field2'], options, (errors, values) => {
  // ...
});

免责声明:文章转载自《ant Form 常用 api》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇安装RF框架(基于Python)PowerDesigne 笔记下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

(十)HttpClient以multipart/form-data上传文件

原文链接:https://blog.csdn.net/wsdtq123/article/details/78888734 POST上传文件 最早的HTTP POST是不支持文件上传的,给编程开发带来很多问题。但是在1995年,ietf出台了rfc1867,也就是《RFC 1867 -Form-based File Upload in HTML》,用以支持文...

SpringBoot整合Shiro 二:Shiro配置类

  环境搭建见上篇:SpringBoot整合Shiro 一:搭建环境   Shiro配置类配置 shiro的配置主要集中在 ShiroFilterFactoryBean 中       关于权限:   anon:无需认证就可以访问 ​  authc:必须认证了才能访问​   user:必须用有了 记住我 功能才能用​   perms:拥有对某个资源的...

在datasnap 中使用unidac 访问数据(服务器端)

从delphi 6 开始,datasnap 作为delphi 自带的多层框架,一直更新到最新的delphi 10.3 。同时逐步增加了很多新的功能 ,比如支持REST 调用,支持 IIS ,apache 等服务器。今天简单介绍一下如何在datasnap 中使用unidac 访问数据库。 首先,按照向导生成一个标准的datasnap 服务器。 、...

java zip打包与乱码的解决

应用场景:主要使用在对系统文件进行归档,如果中则需要对公文中的附件或正文进行打包归档 示例代码:解决乱码的问题主要是引用apache的包ant.jar。然后注意下面红色代码部分,java自带的包中也有这两个类。如果乱码最好是采用apache的这两个类。这样才会有设置编码的zos.setEncoding("gbk")这个方法。这样就可解决java zip 打...

关于将桌面扩展到监视器的问题 extended my windows desktop onto this monitor

说下思路吧 下面是网上找的Use the EnumDisplayDevices() API call to enumerate the display devices on the system and look for those that don't have the DISPLAY_DEVICE_ATTACHED_TO_DESKTOP flag se...

Java 设计模式六原则及23中常用设计模式

一、设计模式的分类 总体来说设计模式分为三大类: 创建型模式,共五种:工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式,共七种:适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。 行为型模式,共十一种:策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访...