Appearance
属性
javascript
// 弹窗组件的配置对象
modal: {
// 表示该组件是否为容器类型,true 表示是
isContainer: true,
// 组件的显示名称
displayName: "弹窗",
// 表示该组件是否为表单类型,false 表示不是
isForm: false,
// 组件内部包含的 widget 列表
widgetList: [],
// 表示是否可以添加数据表查询功能,false 表示不可以
canAddDataTableQuery: false,
// 表示功能是否完整,true 表示是
complete: true,
// 表示是否可以添加数据表列表功能,false 表示不可以
canAddDataTableList: false,
// 组件的属性配置
props: {
// 表示是否显示标签,false 表示不显示
hasLabel: false,
// 弹窗的标题
title: "弹窗",
// 表示弹窗是否显示,false 表示不显示
show: false,
// 弹窗的宽度,24 表示 24 个单位宽
width: 24,
// 弹窗的宽度,单位为百分比
modalWidth: "80%",
// 弹窗的高度,单位为百分比
modalHeight: "80%",
// 表示是否隐藏确认按钮,false 表示不隐藏
hideConfirm: false,
// 表示是否显示底部区域,true 表示显示
hasFooter: true,
// 弹窗内的列表数据
list: [],
// 弹窗的高度,null 表示没有设置高度
height: null,
// 弹窗创建时的回调函数
onCreated: null,
// 弹窗挂载时的回调函数
onMounted: null,
// 点击确认按钮时的回调函数
onConfirm: null,
// 隐藏弹窗时的回调函数
onHideModel: null,
// 点击按钮时的回调函数
onButtonClick: null,
}
},
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.open | 打开弹窗 | app.getMethodById({id}).open(()=>{}) |
app.close | 关闭弹窗 | app.getMethodById({id}).close(()=>{}) |