使用 angularjs 在 kendo 调度程序上自定义删除确认弹出窗口

Question

我已经创建了 kendo 调度程序 event.I 想通过自定义确认弹出窗口删除此事件 windows.show 该自定义弹出窗口的事件信息详细信息 windows 并要求用户确认在 angular js.

Answer 1

没有简单的方法。我知道的唯一方法是永久删除默认确认，然后挂钩任何可以触发事件删除并用您自己的确认覆盖它的东西。让您入门的简单示例：

$("#scheduler").kendoScheduler({
  // ...
  // disabling default confirmation
  editable: { confirmation: false },
  dataBound: function(e) {
    var scheduler = e.sender;
    $(".k-event").each(function () {
      var uid = $(this).data("uid");
      if (uid) {
        var event = scheduler.occurrenceByUid(uid);
        if (event) {
          $(this).find(".k-event-delete").click(function (clc) {
            // TODO: replace with nicer modal
            if (confirm('Do you want to delete ' + event.title + ' ?'))
            {
              scheduler.removeEvent(uid);
            }
            clc.preventDefault();
            clc.stopPropagation();
          });
        }
      }
    });
  }
  // ...
}

另见我的道场：http://dojo.telerik.com/@svejdo1/igEHI

使用 angularjs 在 kendo 调度程序上自定义删除确认弹出窗口

Custom delete confirmation popup on kendo scheduler using angularjs

kendo-ui

angularjs

angularjs-directive

kendo-scheduler