easyui 확장 레코드

2145 단어 easyui

데이터박스 날짜 입력 상자 공간 확장


비우기 단추 추가


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);

패널 패널 확장


패널 힌트 추가


확장 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;
    }

좋은 웹페이지 즐겨찾기