javascript - 如何拒绝drop事件？

Question

在版本 2016.3.914 之前，可以通过调用 e.setStatusClass("k-denied"); 取消 drop 事件

$("#treeview").kendoTreeView({
  dragAndDrop: true,
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ],
  drag: function(e) {
    e.setStatusClass("k-denied");
  }
});

但是，从2016.3.914版本开始，预定义的状态类别k-denied不再起作用。 documentation表示应该将 k-i- 添加为类前缀，但 k-i-denied 不起作用，因为取消图标不会出现，并且仍然允许放置。

请注意，从版本 2016.3.914 开始，预定义状态类的命名约定为 k-i-className。

Note that status classes are returned without the k- prefix by e.statusClass, but this prefix is required when setting a predefined status class via e.setStatusClass. A prefix is not required if setting a custom status CSS class.

Answer 1

文档关于一件事是正确的。我们必须使用 k-i- 前缀。然而，文档没有告诉您的是，kendo 已将预定义的状态类从 k-denied 更改为 k-i-cancel

$("#treeview").kendoTreeView({
  dragAndDrop: true,
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ],
  drag: function(e) {
    e.setStatusClass("k-i-cancel");
  }
});