注:EditableProTable默认是在单行保存时调用表单验证,如下图:
现在项目有个需求:是点击EditableProTable外部的保存按钮对整个表单进行验证,实现效果如下:
思路如下:
EditableProTable提供了editable属性,可以设置form属性:官网地址
实现代码如下,复制可直接运行):
import React, { useState, } from 'react';
import { FooterToolbar, } from '@ant-design/pro-layout';
import ProCard from '@ant-design/pro-card';
import { Button, Row, Col, Form, message, } from 'antd';
import ProForm, { ProFormText, } from '@ant-design