前端框架 jQuery EasyUi 学习笔记六（不同风格的消息窗口）

消息窗口提供了不同的消息框风格，除了包含alert(警告框),还有 confirm(确认框), prompt(提示框), progress(进度框)等。其实show也算一种展示提示框。所有的消息框都是异步的。用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情。

//显示一个包含“确定”和“取消”按钮的确认消息窗口。

<script type="text/javascript">
      $(function(){

      $.messager.confirm('确认对话框', '您想要退出该系统吗？', function(r){
    if (r){
       $.messager.alert('系统提示','系统即将关闭','warning'); 
    }

});

      })

    </script>   

//显示一个用户可以输入文本的并且带“确定”和“取消”按钮的消息窗体

$.messager.prompt('提示信息', '请输入你的姓名：', function(r){
    if (r){
        alert('你的姓名是：' + r);
    }
});

//显示一个进度消息窗体
/* 属性定义为：
title：在头部面板显示的标题文本。默认：空。
msg：显示的消息文本。默认：空。
text：在进度条上显示的文本。默认：undefined。
interval：每次进度更新的间隔时间。默认：300毫秒。

方法定义为：
bar：获取进度条对象。
close：关闭进度窗口。
*/

//$.messager.progress(); 

//设置更多提示信息，比如文件上传或者下载，当然是匀速的。
 $.messager.progress({
                 title:'文件上传',
                 msg:'文件上传中',
                 text:'上传中，请稍候......'
              });

//设置关闭时间

setTimeout(function(){
                $.messager.progress('close');
              },5000
              );