툴팁 외부를 클릭하면 검도 툴팁의 숨기기/닫기를 방지 할 수 있습니까?

Question

검도 밖에서 툴팁을 클릭 할 때마다 검도 툴팁이 닫히거나 숨겨지는 것을 막기 위해 검도를 묻는 사람들이 있다는 것을 알고 있습니다. 그들은 그것을 제안하고있다 here하지만 아직 구현되지 않은 것으로 보인다.

지금까지 검도 툴팁 외부를 클릭하면 닫히거나 숨기는 메소드를 찾을 수 없습니다. 검도 툴팁에서 닫기 또는 취소 버튼을 클릭 할 때만 트리거 된 이벤트를 발견했습니다. 하지만 거기에 자바 스크립트/jquery/아무것도 사용하여 달성하기 위해/hackish 방법은 무엇입니까?

Answer 1

당신이 (autoHide: false 속성) 검도 도구 설명을 포함하는 것이 링크에서 볼처럼 숨 깁니다 때 :

스크롤 페이지

이

Esc를

명중 툴팁 외부

• 클릭 Telerik이 그것을 방지하는 함수를 구현하지 않을 때까지, jquery event.stopImmediatePropagation()을 사용하는 유일한 방법이 있습니다. 당신이 바깥 쪽을 클릭 숨기기에서 블록 tootlip에 대한 예를 들어, 당신은 쓸 수 있습니다 :

  $("#target").kendoTooltip({ 
      autoHide: false 
  }); 
  $('html').on('mousedown', function(e){ 
      e.stopImmediatePropagation(); 
  }); 
  

  근무 데모 : http://dojo.telerik.com/ugUCI

  불행하게도이 DropDownLists/선택 상자와 같은 이벤트 등

Answer 2

을 숨기고하면 onMouseDown 어떤 HTML을 방지 할 수 있습니다를

검도 UI 팝업 클래스의 닫기 기능을 무시하여 실행을 막을 수 있습니다. 내 솔루션은 '숨기기'처리기에 사용자 지정 예외를 throw하고이 사용자 지정 예외가 잡히면 발생하지 않도록합니다.

kendo.ui.Popup.fn.close = function (close) { 
    return function (skipeffects) { 
     try { 
      close.call(this, skipeffects); 
     } catch (err) { 
      // suppress error if its the right type 
      if (!(err instanceof PreventTooltipHideException)) { 
       throw err; 
      } 
     } 
    } 
}(kendo.ui.Popup.fn.close); 


var tooltip = $('#' + areaId).kendoTooltip({ 
    content: "Hello World!", 
    hide: function (e) { 
     throw new PreventTooltipHideException(); 
    }, 
    autoHide: false 
});