EasyUI学习第一篇：初识EasyUI、Messager 消息框

简介

jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。

废话不多说。

资料下载地址：http://download.youkuaiyun.com/detail/yuchao2015/9609485

Jquery-EasyUI的目录

demo 插件实例，
locale 国际化js文件
plugins 各种组件js文件
themes 样式文件

如果使用Jquery-EasyUI 需要导入5个文件

easyui.css
icon.css
jquery-1.7.2.min.js
jquery.easyui.min.js
easyui-lang-zh_CN.js

Messager 消息框

$.messager.alert

$(function(){
    //弹出提示信息  $为jquery的全局对象
    //$.messager.alert('提示','这个警告是提示信息');   
    //$.messager.alert('提示','这个警告是提示信息','warning');  
    $.messager.alert('提示','这个警告是提示信息','warning',function(){
        //窗口关闭时触发的回调函数。
        alert('ok');
    }); 
});

$.messager.confirm

$.messager.confirm('提示', '你确定要删除吗?',function(r){
    if(r){
        alert('点击确认');
    }else{
        alert('点击取消');
    }
});

$.messager.prompt

$.messager.prompt('提示','请输入内容',function(val){
    alert(val);
});

$.messager.progress

显示进度消息窗口：

$.messager.progress({
    title: '提示',//显示在头部面板上的标题文字，默认值是 ''
    msg: '正在下载...',//消息框的文本，默认值是 ''
    text: '下载中',//显示在进度条里的文字，默认值是 undefined 
    interval: 1000  //每次进度更新之间以毫秒为单位的时间长度。默认值是 300
}); 

现在关闭消息窗口：

$.messager.progress('close');

$.messager.show

$.messager.show({
    showType:'slide',//定义消息窗口如何显示。可用的值是： null、slide、fade、show。默认是 slide。
    showSpeed:2000,//定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。
    width:300,//定义消息窗口的宽度。默认是250。
    height:150,//定义消息窗口的高度。默认是100。
    msg:'你有新短消息了...',//显示的消息文字。
    title:'提示信息',//头部面板上显示的标题文字。
    timeout:1//如果定义为 0，除非用户关闭，消息窗口将不会关闭。如果定义为非 0 值，消息窗口将在超时后自动关闭。
});