僅在月視圖中顯示工具提示並在日視圖上隱藏

Question

我正在使用Kendo UI調度程序。

將鼠標懸停在每個事件上時，我都會顯示該特定事件的詳細信息的工具提示。直到這裏，一切都很好。

但是，我不想顯示OnMouseOver工具提示爲天查看。我只想顯示的工具提示月視圖。

我怎麼只能顯示在月視圖工具提示和禁用日看法？

Demo

var _data = new kendo.data.SchedulerDataSource({ 
     data: [ { 
      eventID: 8, 
      title: "Group meeting.", 
      start: new Date(), 
      end: new Date(), 
      pending:false, 
      recurrenceRule: "", 
      recurrenceException: "", 
      description: "Take my brother to his group meeting.", 
      isAllDay:false, 
      ownTimeSlot:true, 
      careAssistantId: 5, 
      clientId: 6 
     },{ 
      eventID: 9, 
      title: "Make dinner.", 
      start: new Date("2013/06/13 11:00"), 
      end: new Date("2013/06/13 13:30"), 
      pending:true, 
      recurrenceRule: "", 
      recurrenceException: "", 
      description: "Make dinner for my mom.", 
      isAllDay:false, 
      ownTimeSlot:true, 
      careAssistantId: 5, 
      clientId: 6 
     } ], 
     schema: { 
      model : { 
       id : "eventID" 
      } 
     } 
    }); 

    function save(){ 
     console.log(_data);  
    } 

    $('#scheduler').kendoScheduler({ 
     date: new Date(), 
     startTime: new Date("2013/6/13 07:00 AM"), 
     height: 600, 
     views: [ 
      { type: "day", title: "Day" }, 
      { type: "month", selected: true }, 
     ], 
     save: save, 
     dataSource:_data 
    }); 

    $(function() { 
     $("#scheduler").kendoTooltip({ 
      filter: ".k-event", 
      position: "top", 
      width: 250, 
      content: kendo.template($('#template').html()) 
     }); 
    }); 



    <script id="template" type="text/x-kendo-template"> 
    #var uid = target.attr("data-uid");# 
    #var scheduler = target.closest("[data-role=scheduler]").data("kendoScheduler");# 
    #var model = scheduler.occurrenceByUid(uid);# 

    #if(model) {# 
     <strong>event start:</strong> #=kendo.format('{0:d}',model.start)#<br /> 
     <strong>event end:</strong> #=kendo.format('{0:d}',model.end)#<br /> 
     <strong>event description:</strong> #=model.description#<br /> 
    #} else {# 
     <strong>No event data is available</strong> 
    #}# 
</script> 

Answer 1

這裏的工作dojo例子。

我將show和hide添加到配置。在show中，您只需決定是否要彈出工具提示。如果你想要的話，那就讓它可見。

show: function(e){ 
    var scheduler = $('#scheduler').data('kendoScheduler'); 
    if(scheduler.viewName() === 'day'){ 
     this.content.parent().css("visibility", "visible"); 
    } 
}, 
hide:function(e){ 
    this.content.parent().css("visibility", "hidden"); 
}, 

同時，設置工具提示中默認情況下不可見的，因爲你有你的邏輯定義show。

.k-tooltip.k-popup{ 
    visibility: hidden; 
}