jquery easyui 弹出消息框

 

<html>
<head>
<!-- 导入easyui插件的js和css样式; -->
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css">
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script>
<script type="text/javascript">
//右下角弹出框;
function slide(){
jQuery.messager.show({
title:'温馨提示:',
msg:'你好,我是从右下角弹出的窗体!',
timeout:5000,
showType:'slide'
});
}
//弹出框;
function alterInfo(){
jQuery.messager.alert('提示:','你好,我叫弹出框!');
}
//错误弹出框;
function errorInfo(){
jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error');
}
//信息弹出框;
function info(){
jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info');
}
//警告弹出框;
function warning(){
jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning');
}
//确认弹出框;
function confirmInfo(){
jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){
if(event){
alert('你点击的是'+event);
}else{
alert("你点击的是false");
}
});
}
//可以输入文本的对方框;
function prompt(){
jQuery.messager.prompt('提示:','请输入消息.',function(r){
if(r){
alert("你输入的文本是:"+r);
}
})
}
</script>
</head>
<body>
</body>
</html>

 

JS:

Common.ShowInfo = function (str) {
    $.messager.alert('系统提示', str, 'info');
};
Common.ShowError = function (str) {
    $.messager.alert('系统提示', str, 'error');
};
Common.ShowWarning = function (str) {
    $.messager.alert('系统提示', str, 'warning');
};

Common.ShowQuestion = function (str) {
    $.messager.alert('系统提示', str, 'question');
};

$.messager.confirm('系统提示', "确认要值机删除吗?", function (data) {
            if (data) {//"确定"、"是"
                //代码
            }
            else {
                return;
            }
        });

原文地址:https://www.cnblogs.com/huangf714/p/6225593.html