antDesign获取表单组件的值

getFormValue是在点击确定按钮获取表单值得事件函数,一旦执行就会执行里边的validate()回调函数

返回的数据中有error和value两种,如果存在error那就是其中某一个表单控件出了问题(比如有一个必须填的项没有填

获取到了value后将之return出去

在从父组件中获取就可以了,在父组件中使用this.form.getFormValue.then(data)来进行获取

getFormValue = async () => {

const res = await this.validate();

if (res.error) {

return null;

}

const obj = res.value;

return obj;

};

  首先引入form: { validateFieldsAndScroll }这个方法,因为form整体组件肯定是放在一个父组件中的,直接引入即可

然后直接return一个promise结果

validate = () => {

const {

form: { validateFieldsAndScroll },

} = this.props;

return new Promise(resolve => {

validateFieldsAndScroll((error, value) => {

resolve({ error, value });

});

});

};

原文地址:https://www.cnblogs.com/ayujun/p/11577325.html

时间: 2024-10-02 16:21:44

antDesign获取表单组件的值的相关文章

通过html()的方法获取文本内容, form表单组件显示的值与获取到的值不一致的问题

我在通过 html()获取对应节点的内容,发现一个问题,获取到的 form表单组件的内容值是初始加载的值,而不是经过用户修改后的值.例如页面加载时组件<input type="text" value="111111"/>,用户更改表单的值为 222222,通过父节点的html()方法获取这个组件,预期应该是<input type="text" value="222222"/>,可结果却是初始时的样子&l

Jquary获取页面控件的值

一 Jquery获得服务器控件值的方法由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox> 1. $("#<%=txtUserID.ClientID%>").val(); 2. $("inpu

react 表单组件 异步渲染,值不会生效,需要手动改变对应组件的显示值

楼主遇到这个问题已经是第二次,上次我们项目经理给帮忙解决了一次,这次又遇到了,刚开始不知道是这个问题,上次做的笔记也没找到了,估计又忘记了,这里抽三分钟记录一下, 当然这里这样做有个前提:就是你已经和后台交互成功了,不然当测试全局刷新界面时,可能会出问题哟! 如果不设置如图一 如图二 才是想要的效果展示 this.props.form.setFieldsValue({searchAt: '1'}); this.props.form.setFieldsValue({searchFrom: '1'}

为JQuery EasyUI 表单组件增加“焦点切换”功能

1.背景说明 在使用 JQuery  EasyUI 各表单组件时,实际客户端页面元素是由 JQuery EasyUI 生成的,元素的焦点切换,虽然 Tab 键可以正常用,但顺序控制属性 tabindex 不起作用,因为页面看到的元素,是生成的,没有tabindex 属性,而真实的元素被隐藏了.本文通过一个自定义函数,实现Tab 和 回车键的焦点切换功能. 2.函数定义 通过捕获窗口按件,对回车和Tab键进行了热点切换处理.先根据当前焦点,获取需要tabindex 属性,加1后为下一焦点无素的属性

javascript 获取表单中radio选中值

radio是form表单中非常常用的一种表单元素,对于radio的操作中,都是利用radio的checked属性,都是对radio的checked属性做操作.获取radio的选中值时,遍历radio按钮项,找到被选中(checked)的状态的那个按钮,然后返回其值:给radio赋值时,找到对应的按钮项,将其checked属性置为true即可. 获取radio值 Method1 遍历radio集合 假如我们给定页面 <body> <p> <label for="Doo

5 选项卡、高级列表和表单组件--汇率应用

简介:本节课我们将会构建一个显示比特币和其他货币的实时汇率及历史汇率的应用.界面会使用Ionic的选项卡组件,其中包含三个选项卡,分别为查看的当前市场汇率.查看历史汇率图标以及资金管理.我们将会学到如何在选项卡中使用导航窗口,如果想要在使用选项卡的同时维护用户界面状态,那么掌握这个技术将非常重要.此外,我们还会学到如何在不同选项卡中缓存外部来源加载的数据,这样可以提高假造速度,避免不必要的HTTP请求. 下面我们还是同上节课一样,先来看一下基本的应用界面: 看完上面的图示,我们对将要开发的应用有

获取表单的初始值,模拟placeholder属性

input和textarea有一个默认属性defaultValue,即初始值. 即使在页面操作修改了input和textarea的内容,获取到的defaultValue依然是初始值.可通过该值模拟placeholder属性,而不额外添加任何属性,标签之类. js:  以input为例 jq: 完全模拟placeholder,无需添加任何额外属性和标签. textarea标签模拟过程完全一致:

jquery的attr获取表单checked 布尔值问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <title>Document</title> <script type="text

在后台获取Textarea控件的值

使用Request.Form方法 1.在前台设置name 属性 <textarea name="Content">hdjfhjdfhdj</textarea> 2.在后台根据name获取值 string s = Request.Form["Content"].ToString();