zoukankan      html  css  js  c++  java
  • easyui dialog 扩展load

    $.extend($.fn.panel.methods, {
    showMask: function(jq, msg){
    return jq.each(function(){
    var pal = $(this).panel('panel');
    if (pal.css('position').toLowerCase() != 'absolute'){
    pal.css('position','relative');
    }
    var borderSize = parseInt(pal.css('padding'))+1;
    var m = pal.children('div.panel-mask');
    if (!m.length){
    m = $('<div class="panel-mask"></div>').appendTo(pal);
    }
    m.css({
    background:'#fff',
    left:borderSize,
    top:(borderSize+pal.children('.panel-header')._outerHeight()),
    right:borderSize,
    bottom:borderSize
    });
    m.children('div.panel-mask-msg').remove();
    var mm = $('<div class="panel-mask-msg"></div>').appendTo(m);
    mm.html(msg).css({position:'absolute'}).css({
    position:'absolute',
    top: '50%',
    left: '50%',
    marginTop: -mm._outerHeight()/2,
    marginLeft: -mm._outerWidth()/2
    })
    });
    },
    hideMask: function(jq){
    return jq.each(function(){
    $(this).panel('panel').children('div.panel-mask').remove();
    })
    }
    });

    调用方法:

    $('#dlg').dialog('showMask', 'Loading...');  // display the loading message
    $('#dlg').dialog('hideMask');  // hide the loading message

  • 相关阅读:
    Java设计模式--单列设计模式
    TCP服务器端和客服端(一)
    面向对象 ---Java抽象类
    全新的代码
    黑马程序员入学基础测试(五)
    mysql 权限管理
    centos7 端口开放
    centos7 yum 安装 mysql
    centos7 安装jdk
    centos7 yum 安装jq
  • 原文地址:https://www.cnblogs.com/huangf714/p/6229256.html
Copyright © 2011-2022 走看看