当前位置:首页 > 未命名 > 正文内容

BootstrapDialog的简单封装

淙嶙8年前 (2018-07-04)未命名1010

类似alert的提示弹出框

$.dialogShow = function (msg,callBack,title) {
  if(typeof title == "undefined"){
      title = '警告';
   }
   BootstrapDialog.show({
      title: title,
      type: BootstrapDialog.TYPE_WARNING,
      size: BootstrapDialog.SIZE_SMALL,
      realized:false,
      message: msg,
      buttons: [{
         label: '确定',
         cssClass: 'btn-warning btn-sm',
         action: function (dialogItself) {
            dialogItself.close();
            if (typeof callBack != "undefined"){
               callBack.call();
            }
         }
      }]
   });
   return false;
};

确认框

$.dialogConfirm = function(msg,okCallBack,title){
   if(typeof title == "undefined"){
      title = '确认';
   }
   BootstrapDialog.confirm({
      title : title,
      message : msg,
      type : BootstrapDialog.TYPE_WARNING,
      closable : true, //默认false,点击对话框以外的页面内容可关闭
      draggable : true, //默认false,可拖拽
      btnCancelLabel : '取消', //默认'Cancel',
      btnOKLabel : '确定', // 默认'OK',
      btnOKClass : 'btn-warning btn-sm', // 确定按钮的样式
      size : BootstrapDialog.SIZE_SMALL,
      // 对话框关闭的时候执行方法
      callback : function(result){
         if (result){
            okCallBack.call();//点击确定按钮,发起的调用事件
         }
      }
   });
}

调用方式:

$.dialogConfirm("1222",function(){
    $.dialogShow("success");
});


相关文章

MyBatis-Generator快速入门 <一>(mysql数据源)

MyBatis-Generator快速入门 <一>(mysql数据源)

按官方文档所说,快速上手Mybatis Generator (缩写MBG),只需完成如下几部即可: 1. 花一分钟,写一个配置文件。这个配置文件必须具备以下五个xml标签。 a.一个<jdbcC...

Ubuntu安装docker

Ubuntu安装docker

1.查看ubuntu版本,官方指定的版本才能安装。https://docs.docker.com/install/linux/docker-ce/ubuntu/To install Docker CE...

dubbo XML配置(三)

dubbo XML配置(三)

配置之间的关系标签用途解释<dubbo:service/>服务配置用于暴露一个服务,定义服务的元信息,一个服务可以用多个协议暴露,一个服务也可以注册到多个注册中心<dubbo:ref...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。