创建表单

CreateForm 是在 sulaForm 基础上封装的模版，支持大多数的表单业务场景

• 只传 submit 时，默认处理成操作组 提交、返回(底部操作组)，提交前会处理表单验证
• 配置 actionsRender 会覆盖 submit；详情参考 actionsRender
• 非 创建create 状态下，赋值前添加 loading、赋值后的 loading 消失

代码演示

属性 API

fields

表单配置

• 介绍：详情参考 fields

container

容器插件

• 介绍：详情参考 container

submit

表单提交

• 参数

  • url: 提交地址
  • method：请求方式
  • successMessage: 成功信息设置，详情参考 successMessage

• 用法

const config = {
  url: 'https://www.mocky.io/v2/5ed7a9d33200009abc274abe',
  method: 'get',
};

mode

表单模式

• 类型: 支持 create: 创建模式；view: 查看模式；edit: 编辑模式
• 默认: create

actionsRender

表单底部操作组配置

• 介绍：详情参考 actionsRender

back

返回

• 默认 history.goBack()，也可配置事件

• 用法

const config = {
  back: ctx => {
    console.log(ctx);
  },
};

submitButtonProps

自定义提交按钮属性

• 用法

const config = {
  submitButtonProps: {
    children: '通过',
  },
};

backButtonProps

自定义返回按钮属性

• 用法

const config = {
  backButtonProps: {
    children: '拒绝',
    type: 'danger',
  },
};

其他属性参考 form

实例 API

props

创建表单属性

• 介绍：包含当前创建表单所有属性