如何在Kendo UI调度程序中禁用事件?我只是将其设为只读

时间:2014-04-19 16:42:32

标签: kendo-ui kendo-asp.net-mvc

如何在kendo UI scheduler中禁用该事件?我从官方网站示例中研究了这个例子,并看到事件中的所有单元格都有双击事件来创建和删除等事件,但现在我只是用它来显示结果,那么如何防止所有创建,删除,编辑事件?

2 个答案:

答案 0 :(得分:9)

使用editable configuration option

$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  dataSource: [
    {
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Brunch"
    }
  ],
  editable: false
});

或者如果您正在使用MVC包装器:

.Editable(false)

如果您要停用特定活动,请参阅this answer

答案 1 :(得分:3)

如果你想要的东西适用于调度程序上的每个事件,那么使用editable很好。

但是,如果您希望只读取特定事件,则处理编辑事件,并隐藏相应的按钮(isReadOnly将是您添加到架构中的字段):

var saveAndDelete = $(".k-scheduler-update, .k-scheduler-delete");

if (e.event.isReadOnly === true )
    saveAndDelete.hide();
else
    saveAndDelete.show();