表单设计器常用API

46 阅读1分钟

事件属性 直接写 this

全局事件 外层事件

onFormCreated(){}

onFormMounted(){}

afterDataLoading(){} 数据加载前

beforeDataLoading(){} 数据加载后

设计器通用方法

表单设置

formDataModel 表单所有的数据

formConfig 表单设置配置

widgetList 表单组件json

setFormData() 设置表单值

widgetRefList 获取表单下的组件

组件设置

designState 是否设计状态

field 相关属性

formModel 表单所有的数据

fieldName 字段名称

formConfig 表单设置配置

optionModel 相关配置

optionList 下拉框等的默认值

parentWidget 父级组件

setDisabled()

setHidden()

setReadonly()

列表设计器

dataJson 渲染的表格配置

----buttonData 按钮数据

----columns 表头

----headerTabArr 页签

----headerTabName 默认选中页签

----highSearchArr 高级搜索条件

----tableData 表格数据

----isAside 是否显示左侧tree

----asideConfig 左侧tree配置

----asideConfig :{ field: 'd6', OP: '=', defaultKey: 0, defaultProps: { children: "children", label: "name", }, defaultExpandAll:true,//全部展开 } 左侧tree配置格式

clearSeach() 清空搜索

$refs.tdCrudLC 获取列表

refs.tdCrudLC.refs.tdCrudLC.refs. tableHeader 获取列表表头

refs.tdCrudLC.refs.tdCrudLC.refs. tableBox 获取列表表格

$refs.tdCrudLC.handleNodeClick = handleNodeClick =(data,node) => { console.error(新的方法) } 修改组件默认方法, 以tree点击事件为例