参数

说明

类型

默认值

版本

preview

预览操作

boolean

false

generate-json

生成json操作

boolean

false

generate-code

生成代码操作

boolean

false

clearable

清空操作

boolean

false

upload

导入json操作

boolean

false

basic-fields

左侧基础字段配置

array

-

advance-fields

左侧高级字段配置

array

-

layout-fields

左侧布局字段配置

array

-

custom-fields

自定字段配置

array

-

global-config

表单初始化全局配置，配置项参考 Global Config Options

方法名

说明

参数

版本

getJSON

获取设计器配置的json数据

-

getHtml

获取设计器生成的可以直接使用的代码

-

setJSON

设置设计器配置的json数据

（value) 设计器获取的json数据

clear

清空设计器操作

-

handleUndo

撤销

-

handleRedo

重做

-

事件名

说明

回调参数

版本

ready

设计器初始化完成

-

1.2.18

参数

说明

类型

默认值

版本

ui

表单使用的组件库,

Element: element

Ant Design: antd

string

element

1.3.0

width

表单宽度

string

100%

1.3.0

customClass

自定义样式表类名

string

-

1.3.0

styleSheets

初始化表单样式表

string

-

1.3.0

dataSource

初始化表单数据源

array

-

1.3.0

参数

说明

类型

默认值

版本

data

表单json配置数据

object

{}

value

表单数据

object

-

remote

表单配置的远端方法

object

{}

edit

表单可编辑状态

boolean

true

remote-option

表单动态选项配置

object

{}

事件名

说明

回调参数

版本

on-change

表单任一条数据变化时触发

(field, value, data)

field: 数据改变的字段标识

value: 数据改变后的值

data: 表单数据

on-${ID}-change

表单ID标识的数据变化时触发

(value)

value: 该标识数据变化后的值

方法名

说明

参数

版本

getData

获取表单数据

(isValidate = true)

isValidate: 是否启用表单验证

1.2.18

reset

重置表单数据

-

setData

设置表单数据

(value) 表单数据，例：{ID: value}

hide

隐藏表单字段

(fields)

fields: 字段标识数组，例：['ID']

display

显示表单隐藏的字段

(fields)

fields: 字段标识数组，例：['ID']

disabled

动态设置表单字段是否禁用

(fields, disabled)

fields: 字段标识数组，例：['ID']

disabled: 是否禁用，boolean类型(true/false)

refresh

刷新表单，当表单json改变时，需要调用该方法重新渲染

-

1.2.18

getComponent

通过组件定义的 ref 获取表单中的组件

(refName)

refName: 组件定义的 ref

1.2.18

addClassName

表单项添加样式类

(fields, className)

fields: 字段标识数组，例：['ID']

className: 样式类名

1.2.21

removeClassName

移除表单项样式类

(fields, className)

fields: 字段标识数组，例：['ID']

className: 样式类名

1.2.21