modalbox

打开一个 modalbox

HTMLElement modalbox(ModalBoxConfig config);

config

ModalBoxConfig

modal box 的配置设置

HTMLElement

包含 modalbox 的 div 元素

let box = gantt.modalbox({
    title: "Close",
    type: "alert-warning"
});

Details

配置对象包含以下属性：

id? - (number | string) - 可选，modal box 的唯一标识符
text - (number | string) - modal box 内显示的内容文本
title? - (number | string) - 可选，modal box 的标题文本
position? - (string) - 可选，控制 modal box 的位置；目前仅支持 "top"，其他值默认居中对齐 ("center-align")
buttons - (string[] | number[] | ModalboxButton[]) - 指定要显示按钮的数组
width? - (string) - 可选，使用 CSS <length> 或 <percentage> 单位设置 modal box 宽度，例如 "100px" 或 "50%"
height? - (string) - 可选，使用 CSS <length> 或 <percentage> 单位设置 modal box 高度，例如 "100px" 或 "50%"
callback? (result): void - 可选，按钮点击时触发的函数。函数接收根据点击按钮返回的 true 或 false
- result - (string | number | boolean) - 回调接收来自数组中被点击按钮的字符串化索引 ("0", "1", "2", ...)

ModalboxButton 类型包含以下属性：

有关 modalbox 配置选项的更多信息，请参阅弹出消息与模态框文章。