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

时间:2015-11-25 11:59:39

标签: angularjs angularjs-directive kendo-ui kendo-scheduler

我已经创建了kendo调度程序事件。我想通过自定义确认弹出窗口显示该事件,在自定义弹出窗口中显示事件信息详细信息,并以角度js向用户请求确认。

1 个答案:

答案 0 :(得分: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