[EasyUI]$.messager变身Loadding效果 在EasyUI中，要想使用loadding效果，可能大部分都是使用div来控制是否显示来实现的。//弹出Loadding状态层 function load() { $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body"); $("<div class=\"datagrid-mask-msg\"></div>").html("数据加载中，请稍候……").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 }); } //取消Loadding状态层 function disLoad() { $(".datagrid-mask").remove(); $(".datagrid-mask-msg").remove(); }原本也想使用这种方式来做，但是使用起来并不是太友好。于是，便想办法直接通过原生的EasyUI的组件来实现。方法一：使用 $.messager.progress() 来实现，具体实现代码如下：// 弹出Loadding状态层 $.messager.progress({ title: '提示', msg: '数据加载中，请稍候……', text: '' }); //取消Loadding状态层 $.messager.progress('close');效果如下：方法二：使用 $.messager.progress() 来实现，具体实现代码如下：// 弹出Loadding状态层 var _dlg = $.messager.show({ title:'', msg:'执行中……', timeout:0, modal:true, showType:'null', style:{ right: 'center', top: 'center', bottom: 'center' } }); //取消Loadding状态层 _dlg.window('close');效果如下：总结：第一种总体代码不太友好，但是优点是样式完全自主设计。第二种和第三种都是使用原生的EasyUI组件实现，但是最终的展现效果有所不同。两个的样式都不太好看，如果要调整样式之类的，可能需要深度修改或定制；第二个是利用进度条的组件实现，所以有一个进度条；第三个是通过消息框的组件实现。