5.1、window(窗口)
窗口我們在程序中會大量的使用，比如我們的添加、編輯都可以使用窗口實現，與winform的程序非常的類似。下面的代碼是創建一個基本的窗口
$(function () {
$("#mywin").window({
title: "窗口",
width: 300,
height: 400,
modal:true
});
});
通過上面的代碼創建一個名稱為“窗口”，高度400寬度300的窗口。當modal屬性為true的時候，窗口彈出后在窗體下面的內柔都會被加上一個遮罩，我稱這樣的窗口為模態窗口
5.1.2、window(窗口)--常用方法及屬性
1、打開 使用open方法打開窗口
$('#mywin).window('open');
2、關閉使用close方法關閉窗口
$('#mywin).window("close");
1、draggable:是否拖動
2、resizable：是否允許改變大小
3、shadow：是否顯示窗口陰影
4、inline:如果為true則在父控件里面，false則在所有元素上面
窗口在最大化的時候是填充滿整個父元素，在最小化的時候則是隱藏窗口。
5.2、對話框(Dialog)
Dialog是一個特殊的window，跟window相比它在頂部跟底部多了一個按鈕欄。創建代碼如下
$('#mywin').dialog({
title: '對話框',
width: 400,
height: 200,
toolbar: [{
text: "添加",
iconCls: "icon-add"
}],
buttons: [{ text: "保存"}, {
text: "取消" }]
});
5.3、彈出框(messager)
easyui中定義五種彈出框
1、$.messager.show:在屏幕右下角顯示一個消息窗口
2、$.messager.alert:顯示一個警告窗口
3、$.messager.confirm：顯示一個確認窗口，包含'確認'、’取消‘兩個按鈕
4、$.messager.prompt：顯示一個帶輸入框的消息窗口，包含'確認'、’取消‘兩個按鈕
5、$.messager.progress:顯示一個帶進度的消息窗口
5.3.1、$.messager.show
l show是一個比較特殊的彈出窗口，也是比較常用的一個組件，參數說明如下：
l showType：如何顯示消息窗口， null,slide(滑動),fade(淡入淡出),show(從右下角向左上角方向彈出來），默認為slide
l showSpeed:消息窗口完成彈出的時間
l width:寬
l height:高
l title:消息窗口標題
l msg:消息窗口顯示內容
l style:設置消息寬的樣式
l timeout:自動關閉時間，為0則不關閉，默認4秒關閉
5.3.2、alert、confirm、prompt
l alert、confirm、prompt這個三個組件的配置非常相似
l title:消息框標題
l msg:消息框內容
l icon:圖標，可選值error,question,info,warning.
l fn:回調函數
三個組件的回調函數參數略微不同，alert沒有參數，confirm與prompt都有一個參數。還要一點不同就是confirm與prompt沒有icon屬性，他們的圖標都是固定了的。
$.messager.alert('彈出框', '這里是彈出內容', 'info', function () {alert("點擊了") });
$.messager.confirm('確認', '你確認操作嗎?', function (r) {
if (r) {alert("確認");}
});
$.messager.progress("bar")
通過上面代碼得到了進度條的JQ對象，可以通過JQ的方法按我們的要求操作bar對象
$.messager.progress("close");
調用close方法可以關閉progress進度條消息窗口
5.3.3—progress
progress:帶進度消息框，配置信息如下
l title:消息框標題，默認為空
l msg:消息內容,默認為空
l text:顯示在進度條里的文字
l interval:進度更新間隔時間，默認300
l 上面是progress的屬性，該組件也提供了兩個方法
l bar:得到進度條對象
l close:關閉進度條
$.messager.progress({
title: "標題",
msg: "顯示內容",
text: "進度條上顯示的文字",
interval:300});