遮罩、警告框/彈框 - EasyUI

1.遮罩

1.1. $.messager.progress

//開啟遮罩
$.messager.progress({});
或
$.messager.progress({
    title: 'Please waiting',
    msg: 'Loading data...',
    text: 'PROCESSING.......'
});

//關閉遮罩
$.messager.progress('close');

 

1.2.依賴於EasyUI控件的遮罩

//顯示遮罩
$("#標簽ID").標簽("loading", "數據加載中……")
$("#dg").datagrid("loading", "數據加載中……");

//隱藏遮罩

$("#dg").datagrid("loaded");

  顯示遮罩：$("#tabID").tabs("loading",msg) msg--要顯示的信息

  隱藏遮罩：$("#tabID").tabs("loaded")

在有些情況下，我們不能直接使用控件本身的遮罩效果，比如：

1：有些控件則沒有這樣的屬性

2：頁面初始加載時；

3：通過 Ajax 異步獲取數據並刷新當前頁面；

這個時候，就要采用$.messager.progress

 

1.3.繼承自window的dailog

 $('#dd').dialog({ modal:true }); 

 

2.警告框/彈框

2.1. 在瀏覽器正中央彈出框

 $.messager.alert({
        title: title,//標題
        msg: msg,//信息
        icon: icon,//圖標類型：error-錯誤；warning-警告; 或其他
        left: 400,
        top: 100
    });

2.2. 在右下角彈框

$.messager.show({
        title: title,
        msg: msg
    });