Javascript 仅在月视图中显示工具提示,在日视图中隐藏

Javascript 仅在月视图中显示工具提示,在日视图中隐藏,javascript,kendo-ui,kendo-scheduler,kendo-tooltip,Javascript,Kendo Ui,Kendo Scheduler,Kendo Tooltip,我正在使用剑道UI调度程序 在每个事件的鼠标上方,我将显示带有该特定事件详细信息的工具提示。在这里之前,一切都很好 但是,我不想显示OnMouseOverDay视图的工具提示。我只想显示月份视图的工具提示 如何仅在月查看时显示工具提示,在日查看时禁用工具提示 var _data = new kendo.data.SchedulerDataSource({ data: [ { eventID: 8, title: "Group mee

我正在使用剑道UI调度程序

在每个事件的鼠标上方,我将显示带有该特定事件详细信息的工具提示。在这里之前,一切都很好

但是,我不想显示
OnMouseOver
Day视图的工具提示。我只想显示月份视图的工具提示

如何仅在月查看时显示工具提示,在日查看时禁用工具提示

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>
var\u data=new kendo.data.SchedulerDataSource({
数据:[{
事件编号:8,
标题:“小组会议”,
开始:新日期(),
结束:新日期(),
待定:错误,
复发癌,
复发异常:“”,
描述:“带我弟弟去参加他的小组会议。”,
isAllDay:错,
ownTimeSlot:是的,
护理助理:5,
客户编号:6
},{
事件编号:9,
标题:“制作晚餐”,
开始日期:新日期(“2013/06/13 11:00”),
结束:新日期(“2013/06/13:30”),
待定:正确,
复发癌,
复发异常:“”,
描述:“为我妈妈做晚餐。”,
isAllDay:错,
ownTimeSlot:是的,
护理助理:5,
客户编号:6
} ],
模式:{
型号:{
id:“事件id”
}
}
});
函数save(){
console.log(_数据);
}
$(“#调度程序”).kendoScheduler({
日期:新日期(),
开始时间:新日期(“2013/6/13 07:00 AM”),
身高:600,
观点:[
{键入:“日”,标题:“日”},
{type:“month”,选中:true},
],
保存:保存,
数据源:_数据
});
$(函数(){
$(“#调度程序”).kendoTooltip({
过滤器:“.k事件”,
位置:“顶部”,
宽度:250,
内容:kendo.template($('#template').html())
});
});
#var uid=target.attr(“数据uid”)#
#var scheduler=target.closest(“[data role=scheduler]”)。data(“kendoScheduler”)#
#var model=scheduler.occurrenceByUid(uid)#
#if(型号){#
事件开始:#=kendo.format('{0:d}',model.start)#
事件结束:#=kendo.format('{0:d}',model.end)#
事件描述:#=model.description#
#}否则{# 没有可用的事件数据 #}#
下面是一个工作示例

我在配置中添加了
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;
}

@MantasČkanauskas,谢谢你的回答。。。但作为调度器,我仍然存在问题。viewName不是一个函数,这可能是因为我使用的版本是旧版本(2014.3.1119)。。。请检查更新的演示url…@Reddy您可以使用
调度程序。_selectedViewName
而不是
调度程序。viewName()
@MantasČekanauskas,工作起来很有魅力。。。我接受并投票支持你的回答。。。非常感谢您的帮助很高兴能帮忙;)