子表单选择器
子表单选择器是一个专门用于在表单设计中动态选择和操作子表单数据的组件。
获取子表单 api
js
function onChange($inject) {
const api = $inject.api.el('ref_F2vulxvqc841dac').fapi;
}
Props
属性名 | 类型 | 默认值 | 必需 | 说明 |
---|---|---|---|---|
title | String | - | 否 | 对话框标题 |
formCreateInject | Object | - | 否 | FormCreate注入对象 |
placeholder | String | - | 否 | 选择框占位符 |
multiple | Boolean | - | 否 | 是否多选模式 |
disabled | Boolean | - | 否 | 是否禁用 |
multipleLimit | Number | - | 否 | 多选数量限制 |
valueKey | String | - | 否 | 值字段键名 |
labelKey | String | - | 否 | 标签字段键名 |
clearable | Boolean | - | 否 | 是否可清空 |
searchRule | Object | - | 否 | 搜索表单规则 |
tableRule | Object | - | 否 | 表格规则 |
autoLoad | Boolean | - | 否 | 是否自动加载 |
modelValue | Object, Array | - | 否 | 双向绑定的值 |
Events
事件名 | 参数 | 说明 |
---|---|---|
update:modelValue | value | 值更新事件 |
change | value | 值变化事件 |
clear | ...args | 清空事件 |
Methods
方法名 | 参数 | 说明 | 返回值 |
---|---|---|---|
getTableEl | - | 获取表格元素 | |
getDialogEl | - | 获取对话框元素 | |
formChange | - | 表单变化处理 | - |
changeSelectValue | value | 改变选择值 | - |
confirm | - | 确认选择 | - |
tableRowClick | value | 表格行点击事件 | - |
updateValue | - | 更新值 | - |
getFormRule | - | 获取表单规则 | Array |
selectionChange | value | 选择变化事件 | - |
handleClear | ...args | 处理清空操作 | - |
handleClick | flag | 处理点击事件 | - |
Data
数据名 | 初始值 | 说明 |
---|---|---|
list | [] | 选中的列表数据 |
visible | false | 对话框显示状态 |
formRule | [] | 表单规则 |
load | debounce function | 防抖加载函数 |
options | Array | 格式化选项列表 |
selectValue | any | 当前选择的值 |
fapi | Object | 获取表单API实例 |