Appearance
属性
javascript
// 定义一个名为selects的对象,该对象配置了下拉多选框的属性和行为
selects: {
// 表示该组件不是一个容器
isContainer: false,
// 组件的显示名称
displayName: "下拉多选框",
// 表示该组件可以用于表单
isForm: true,
// 支持添加数据表查询
canAddDataTableQuery: true,
// 表示组件是完整的,无需其他依赖
complete: true,
// 支持添加数据表列表
canAddDataTableList: true,
// 组件的属性配置
props: {
// 默认大小
size: "default",
// 是否为必填项
required: false,
// 是否显示标签
hasLabel: true,
// 是否禁用
disabled: false,
// 备注信息
remark: "",
// 是否隐藏
hide: false,
// 标签位置,默认为左
labelPosition: "left",
// 默认的占位提示
placeholder: "请选择",
// 默认选中的值,这里是一个数组
value: [],
// 是否显示详细信息
isDetail: false,
// 多选限制数量,null表示无限制
multipleLimit: null,
// 最大折叠标签数量,null表示无限制
maxCollapseTags: null,
// 是否启用标签折叠
collapseTags: false,
// 是否显示键值对
showKeyValue: false,
// 是否反转键值对顺序
keyValueReverse: false,
// 关联的字典名称
zdname: null,
// 组件标签文本
label: "下拉多选框",
// 标签对齐方式,默认为右对齐
labelAlign: "right",
// 是否可清除选择
clearable: false,
// 标签宽度
labelWidth: "120px",
// 组件宽度,这里用24表示默认的宽度单位
width: 24,
// API设置用于动态加载数据
apiSet: {
// 请求方法
method: "get",
// API地址
apiurl: "",
// 请求参数
params: [],
// 内容类型
contentType: "JSON",
// 数据格式
dataFormat: "",
// 标签字段
labelField: "",
// 值字段
valueField: "",
// 请求前的回调函数
beforeSend: "",
},
// 下拉选项列表
list: [{
label: "选项1",
value: "1"
},
{
label: "选项2",
value: "2"
},
{
label: "选项3",
value: "3"
}
],
// 组件创建时的回调函数
onCreated: null,
// 组件挂载时的回调函数
onMounted: null,
// 选项改变时的回调函数
onChange: null,
}
}
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.setValue | 设置组件的值 | app.setValue({id}, []) |
app.getValue | 获取组件的值 | app.getValue({id}) |
app.setVisible | 设置可见 | app.setVisible({id}, false) |