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

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>

toastr.success('你有新消息了!');

上一篇:每天一个linux命令(47):iostat命令


下一篇:SpringMVC源码剖析(三)- DispatcherServlet的初始化流程