1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 封装bootstrap-dialog.js中的3个提示框

封装bootstrap-dialog.js中的3个提示框

时间:2022-05-20 01:56:26

相关推荐

封装bootstrap-dialog.js中的3个提示框

这里主要对项目中常用的3个提示框进行了封装,成功提示框,错误提示框和选择提示框:

//弹出错误提示的登录框 $.showErr = function (str, func) { // 调用show方法 BootstrapDialog.show({ type: BootstrapDialog.TYPE_DANGER, title: "错误 ", message: str, size: BootstrapDialog.SIZE_SMALL, //size为小,默认的对话框比较宽 buttons: [{ // 设置关闭按钮 label: "关闭", action: function (dialogItself) { dialogItself.close(); } }], // 指定时间内可自动关闭 onshown: function (dialogRef) { setTimeout(function () { dialogRef.close(); }, 3000); }, // 对话框关闭时带入callback方法 onhide: func }); }; //弹出确认框 $.showSuccessTimeout = function (str, func) { BootstrapDialog.show({ type: BootstrapDialog.TYPE_SUCCESS, title: "成功 ", message: str, size: BootstrapDialog.SIZE_SMALL, buttons: [{ label: "确定", action: function (dialogItself) { dialogItself.close(); } }], // 指定时间内可自动关闭 onshown: function (dialogRef) { setTimeout(function () { dialogRef.close(); }, 3000); }, onhide: func }); };

//弹出提示框 $.showPromptTimeout = function (str, cb) { BootstrapDialog.confirm({ title: '提示', message: str, type: BootstrapDialog.TYPE_SUCCESS, size: BootstrapDialog.SIZE_SMALL, btnCancelLabel: '取消', btnOKLabel: '确定', closeByBackdrop: false, closable: true, draggable: true, callback: cb }); return true; };

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。