码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap dialog对话框,完成操作提示框

时间:2020-06-15 20:52:02      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:size   页面   function   get   css   message   ack   ide   bsp   

1. 依赖文件:

bootstrap.js

bootstrap-dialog.js

bootstrap.css

bootstrap-dialog.css

2.代码

 

BootstrapDialog.confirm({
    title : 确认,
    message : "确认要删除?",
    type : BootstrapDialog.TYPE_WARNING, // <-- Default value is
    // BootstrapDialog.TYPE_PRIMARY
    closable : true, // <-- Default value is false,点击对话框以外的页面内容可关闭
    draggable : true, // <-- Default value is false,可拖拽
    btnCancelLabel : 取消, // <-- Default value is ‘Cancel‘,
    btnOKLabel : 确定, // <-- Default value is ‘OK‘,
    btnOKClass : btn-warning, // <-- If you didn‘t specify it, dialog type
    size : BootstrapDialog.SIZE_SMALL,
    // 对话框关闭的时候执行方法
    onhide : function () {
        
    },
    callback : function(result) {
        // 点击确定按钮时,result为true
        if (result) {
            // 执行方法
            funcok.call();
        }
    }
});

 

2.完成操作提示框

 <link href="/plugin/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
 <script src="/plugin/toastr/toastr.min.js"></script>

 


 

https://www.cnblogs.com/zhuxiang1633/p/9057110.html

bootstrap dialog对话框,完成操作提示框

标签:size   页面   function   get   css   message   ack   ide   bsp   

原文地址:https://www.cnblogs.com/zhangguorenmi/p/13137547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!