Esay ui数据加载等待提示
?? 以視頻上傳為例:
??? //視頻上傳
?? ?function uploadVedio(fileName){?? ?
?? ??? ?load();//開始加載時彈出加載層
?? ??? ?$.post('<%=path%>/misArticle/articleInfo/getVedioAddress.do?fileName='+fileName,function(result){
?? ??? ??? ?if(result.success){
??? ??? ??? ??? ?$('#videoUrl').val(result.vedioAddr);
??? ??? ??? ??? ?reUpload();
?? ??? ??? ??? ? disLoad();//請求成功后取消加載層
??? ??? ??? ?} else {
??? ??? ??? ??? ?$.messager.alert("系統提示",result.errorMsg);
??? ??? ??? ??? ?reUpload();
??? ??? ??? ??? ?disLoad();//請求失敗后取消加載層
??? ??? ??? ?}
??? ??? ?}, 'json');
?? ?}???
???? //彈出加載層
?? ? 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 });
?? ? }
?? ? ?
?? ? //取消加載層 ?
?? ? function disLoad() {
?? ????? $(".datagrid-mask").remove();
?? ????? $(".datagrid-mask-msg").remove();
?? ? }
???? 效果圖如下:
????
轉載于:https://www.cnblogs.com/lucky-girl/p/5567160.html
總結
以上是生活随笔為你收集整理的Esay ui数据加载等待提示的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 怎样重建一个损坏的调用堆栈(callst
- 下一篇: PyQt5学习笔记02----初探Qt