Demo:http://liumingmusic.github.io/Message
Bootstrap扩展提示对话框插件, alert、confirm、show三种
1、消息提示框
arrObject = {
Msg: "content", //显示给用户看的内容, 如:亲你的邮箱输入有误!
iconImg: "info", //提示的图标, (info 消息 question 问题 error 错误 warning 警告)
title: "提示", //提示标题, header上面的内容
isModal: true, //模态状态开关 true false
btnOk: "确定", //确定按钮的默认文字
btnCancel: "取消", //取消按钮的默认文字
isHideDate: //设置自动消失的时间 只对 show弹框起作用
}
Messager.alert(arrObject); //直接放进去即可 [上面只是说明使用的各个属性的配置] 实际使用如下:Messager.alert({title: '测试', Msg: 'alert测试', isModal: false})
------------------------------------------------------------------------------------------------------- 2、确定提示框(用法基本和上面一样,只不过会有一个回调函数,判断用户点击的是确定还是取消) 使用如下:
Messager.confirm({title: 'test', Msg: '是否点击确定?', iconImg: 'question'}).on(function(flag){
if(flag){
点击确定按钮执行的操作
}else{
点击取消钮执执行的操作
}
});
-------------------------------------------------------------------------------------------------------
3、自动消失的弹出提示框 isHideDate设置时间 尽量加上 isModal: false 非模态方式Messager.show({isModal: false, isHideDate: 2000});