easyui扩展记录

databox 日期输入框空间扩展

添加清空按钮

在locals下的对应目录添加

/*扩展datebox添加清空按钮*/
(function($) {
    if ($.fn.datebox){
        $.fn.datebox.defaults.clearText = '清空'; //设置清空按钮的文字
        $.fn.datebox.defaults.buttons.splice(1,0,{
                text: function(target) {
                return $(target).datebox("options").clearText;
            },
            handler: function(target) {
                $(target).combo("setValue","").combo("setText","");
                $(this).closest("div.combo-panel").panel("close");
            }
        });
    }
})(jQuery);

面板panel扩展

添加panel提示

扩展js:

  /**
   * 插件panel扩展方法
   */
  $.extend($.fn.panel.methods, {
    /*为panel增加提示*/
    tipShow: function(jq, msg) {
      var _msg=msg||"正在加载..."
      jq.each(function() {
        $(this).find(".panel-mask,.panel-mask-msg").remove();
        $(this).css({
          position: "relative"
        }).append('<div class="panel-mask"></div><div class="panel-mask-msg">' + _msg + '</div>');
        $(this).find(".panel-mask,.panel-mask-msg").show();
      });
    },
    tipClose: function(jq) {
      jq.each(function() {
        $(this).find(".panel-mask,.panel-mask-msg").remove();
      });
    }
  });

扩展样式:

    .panel-mask-msg {
      background: #ffffff url('icons/loading.gif') no-repeat scroll 5px center;
    }
    .panel-mask {
      background: #ccc;
    }
    .panel-mask-msg {
      border-color: #95B8E7;
    }
    .panel-mask {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0.3;
      filter: alpha(opacity=30);
      display: none;
    }
    .panel-mask-msg {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -20px;
      padding: 12px 5px 10px 30px;
      width: auto;
      height: 16px;
      border-width: 2px;
      border-style: solid;
      display: none;
    }