Appearance
消息提示
openAlert
提示弹框,用于显示提示信息
语法:
js
openAlert(content, title, callBack, options)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| content | string | 是 | 弹框内容 |
| title | string | 是 | 弹框标题 |
| callBack | Function | 否 | 点击确定后的回调方法 |
| options | Object | 否 | 弹框配置 |
options 参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| ok_text | string | 否 | 按钮文字 |
| timeout | number | 否 | 超时时间 |
| keyevent | boolean | 否 | 是否开启回车关闭弹框 |
示例:
js
// 显示提示框
openAlert("单据保存成功", "温馨提示", () => {
console.log("用户点击了确定");
});
// 带配置的提示框
openAlert("操作成功", "提示", () => {
console.log("用户点击了确定");
}, { keyevent: false });openConfirm
确认框,用于显示确认操作的对话框
语法:
js
openConfirm(content, title, onConfirm, onCancel)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| content | string | 是 | 确认框内容 |
| title | string | 是 | 标题 |
| onConfirm | Function | 否 | 点击确定回调 |
| onCancel | Function | 否 | 点击取消回调 |
示例:
js
// 显示确认框
openConfirm("确定要删除这条记录吗?", "删除确认", () => {
console.log("用户点击了确定");
}, () => {
console.log("用户点击了取消");
});openDialog
自定义按钮对话框,支持多按钮配置
语法:
js
openDialog(content, title, list, options)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| content | string | 是 | 弹窗文字内容,支持 HTML |
| title | string | 否 | 弹窗标题 |
| list | Array | 否 | 按钮列表 |
| options | Object | 否 | 弹窗配置 |
list 参数说明:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| text | string | 否 | 按钮文字 |
| css | string | 否 | 按钮颜色样式 |
| bntstyle | string | 否 | 按钮自定义样式 |
| callback | Function | 否 | 点击回调函数,返回 true 关闭弹窗,false 不关闭 |
options 参数说明:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| width | number | 否 | 对话框宽度 |
| closing | Function | 否 | 右上角按钮关闭前回调方法,返回 true 关闭窗口,false 不关闭 |
| closed | Function | 否 | 右上角按钮关闭后回调方法 |
| move | boolean | 否 | 设置为 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 });