页面表单

页面表单组件对表单组件进行了封装,适用于在较复杂的表单上使用独立的页面来呈现。

引入组件

import { FormPage } from '@duxweb/dux-refine'

基础示例

表单页面的参数与表单组件的参数相同,并且还增加了一些针对页面配置的方法。

import { FormPage } from '@duxweb/dux-refine'
import { Form, Input } from 'tdesign-react';

<FormPage>
  <Form.Item
    initialValue="Dux Refine"
    label="标题"
    name="title"
  >
    <Input />
  </Form.Item>
  {/* 其他表单项 */}
</FormPage>

组件参数

titleReact.ReactNode
undefined
页面的标题,默认会获取当前资源标签。
descReact.ReactNode
undefined
页面的描述。
headerRenderReact.ReactNode
undefined
自定义位于页面右上角的附加组件。
settingRenderReact.ReactNode
undefined
自定义设置抽屉的表单子元素。
backboolean
undefined
是否显示返回按钮。开启后,可以通过点击该按钮返回上一页。
resetboolean
undefined
是否显示重置按钮。开启后,可以通过点击该按钮将表单数据重置为初始值。