antd提交表单_请问下antd的form表单如何在form表单外部调用form的submit事件?

矫情吗；* 2023-01-08 07:25 291阅读 0赞

1.先在有一个需求用steps步骤条在第一部让用户输入数据后,点击from外面的Button你能够获取到form表单中的值进行提交.

![Image 1][]

3.\`\{/方案基本信息/\}

<StepFirst

formItemLayout=\{formItemLayout\}

dispatchFormat=\{this.state.dispatchFormat\}

onFormatChange=\{this.onFormatChange\}

handleSubmit=\{this.stepFirstSubmit\}

</div>\`

4.\`

<div>

<div className="modelTitle"><div className="titleText">方案基本信息</div></div>

<FormItem

\{...formItemLayout\}

label="方案名称"

\{getFieldDecorator('name', \{

rules: \[ \{

required: true, message: '请输入方案名称!',

\}\],

\})(

)\}

</FormItem>

<FormItem

\{...formItemLayout\}

label="方案编号"

hasFeedback

\{getFieldDecorator('number', \{

rules: \[\{

required: true, message: '请输入方案编号!',

\}\],

\})(

)\}

</FormItem>

<FormItem

\{...formItemLayout\}

label="调度模型"

hasFeedback

\{getFieldDecorator('modal', \{

rules: \[

\{ required: true, message: '请选择调度模型!' \},

\],

\})(

</Select>

)\}

</FormItem>

<FormItem

\{...formItemLayout\}

label="调度类型"

\{getFieldDecorator('type', \{

rules: \[

\{ required: true, message: '请选择调度类型!' \},

\],

\})(

</RadioGroup>

)\}

</FormItem>

<FormItem

\{...formItemLayout\}

label="调度时间"

\{getFieldDecorator('type2', \{

rules: \[

\{ required: true, message: '请选择调度类型!' \},

\],

\})(

datePicker

)\}

</FormItem>

</Form>

</div>

[Image 1]:

antd提交表单_请问下antd的form表单如何在form表单外部调用form的submit事件?

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 antd获取/更改form表单数据（表单域数据）

相关 antd提交表单_请问下antd的form表单如何在form表单外部调用form的submit事件?

相关 antd提交表单_antd4 form表单使用

相关 antd form表单验证，表单初始值

相关 react antd form 表单清空

相关 Form表单提交

相关 Form表单提交

相关 Form-Form表单

相关阻止form表单submit提交

相关 antd Form表单