Skip to content

消息提示

openAlert

提示弹框,用于显示提示信息

语法:

js
openAlert(content, title, callBack, options)

参数:

参数名类型必填说明
contentstring弹框内容
titlestring弹框标题
callBackFunction点击确定后的回调方法
optionsObject弹框配置

options 参数:

参数名类型必填说明
ok_textstring按钮文字
timeoutnumber超时时间
keyeventboolean是否开启回车关闭弹框

示例:

js
// 显示提示框
openAlert("单据保存成功", "温馨提示", () => {
    console.log("用户点击了确定");
});

// 带配置的提示框
openAlert("操作成功", "提示", () => {
    console.log("用户点击了确定");
}, { keyevent: false });

openConfirm

确认框,用于显示确认操作的对话框

语法:

js
openConfirm(content, title, onConfirm, onCancel)

参数:

参数名类型必填说明
contentstring确认框内容
titlestring标题
onConfirmFunction点击确定回调
onCancelFunction点击取消回调

示例:

js
// 显示确认框
openConfirm("确定要删除这条记录吗?", "删除确认", () => {
    console.log("用户点击了确定");
}, () => {
    console.log("用户点击了取消");
});

openDialog

自定义按钮对话框,支持多按钮配置

语法:

js
openDialog(content, title, list, options)

参数:

参数名类型必填说明
contentstring弹窗文字内容,支持 HTML
titlestring弹窗标题
listArray按钮列表
optionsObject弹窗配置

list 参数说明:

参数名类型必填说明
textstring按钮文字
cssstring按钮颜色样式
bntstylestring按钮自定义样式
callbackFunction点击回调函数,返回 true 关闭弹窗,false 不关闭

options 参数说明:

参数名类型必填说明
widthnumber对话框宽度
closingFunction右上角按钮关闭前回调方法,返回 true 关闭窗口,false 不关闭
closedFunction右上角按钮关闭后回调方法
moveboolean设置为 false 禁止对话框移动

示例:

js
// 显示带多个按钮的对话框
openDialog("请选择您要打印的内容", "打印选择", [
    {
        text: "发货单",
        css: "secondary",
        callback: () => {
            console.log("选择打印发货单");
            return true;
        }
    },
    {
        text: "销售订单",
        css: "primary",
        bntstyle: "font-weight:bold;",
        callback: () => {
            console.log("选择打印销售订单");
            return true;
        }
    }
], { width: 350 });

findTopWindow

获取顶层窗口对象,用于在嵌套页面中调用顶层窗口的方法。

语法:

js
findTopWindow()

示例:

js
// 将 openAlert 弹框置顶
findTopWindow().openAlert("操作成功!", "提示", () => {
    console.log("用户点击了确定");
});

// 将 openConfirm 弹框置顶
findTopWindow().openConfirm("确定要删除这条记录吗?", "删除确认", () => {
    console.log("用户确认删除");
}, () => {
    console.log("用户取消删除");
});

// 将 openDialog 弹框置顶
findTopWindow().openDialog("请选择您要打印的内容", "打印选择", [
    {
        text: "发货单",
        css: "secondary",
        callback: () => {
            console.log("选择打印发货单");
            return true;
        }
    },
    {
        text: "销售订单",
        css: "primary",
        bntstyle: "font-weight:bold;",
        callback: () => {
            console.log("选择打印销售订单");
            return true;
        }
    }
], { width: 350 });

基于 MIT 许可发布