Kendo调度月查看双击功能

Question

我禁用了内置弹出事件。现在我想在月视图的每个单元格上实现双击功能。

有人知道怎么做吗？

Answer 1

您可能希望将该事件与调度程序的 k 事件 class 相关联。

$("#scheduler").on("dblclick", '.k-event', function (e) {
  var scheduler = $("#scheduler").getKendoScheduler();
  var element = $(e.target).is(".k-event") ? $(e.target) : $(e.target).closest(".k-event"); 

  var event = scheduler.occurrenceByUid(element.data("uid"));
  alert("Start Date : " + event.start + ", End Date: " + event.end);
});

Demo Link

Answer 2

您可以在调度程序选项中向调度程序的 add 事件添加事件处理程序，如下所示：

add: (e) => {
    // Place your code here.
    e.preventDefault();
}

或者如果您不想使用箭头函数：

add: function(e) {
    // Place your code here.
    e.preventDefault();
}

调用 e.preventDefault() 将禁用显示弹出窗口 window 的内置 "add" 事件处理。您提到您已经禁用了它，但如果您以其他方式禁用它，这是一个很好的方法。

e 将包含插槽的开始和结束时间以及资源详细信息（如果您使用资源）。

Answer 3

试试这个对我有用。

 edit: function (e) {
                e.preventDefault(); //prevent popup editing
                var dataSource = this.dataSource;
                var event = e.event;
                if (event.isNew()) {
                    setTimeout(function () {
                        //dataSource.add(event);
                        editEvent(event); // your own function to call
                    });
                }
                else {

                }
            }

Kendo调度月查看双击功能

Kendo scheduler month View double click function

kendo-ui

kendo-scheduler