javascript - Kendo UI kendoDropDownList 并以编程方式触发选择回调

Question

我有一个输入字段，已将其转换为 kendoDropDownList。传入它的选项的是一个选择回调，当用户选择一个新值时，它会执行一些操作。

例如

$("#MyDropDownList").kendoDropDownList({
    optionLabel: "Choose...",
    dataTextField: "MyTextField",
    dataValueField: "MyValueField",
    dataSource: myDataSource,
    select: function (e) {
        // Do some stuff
  }
});

只要用户通过 GUI 选择值，该位就可以正常工作。当选择一个值时需要发生的事情就会发生。

如果我需要更改代码中的选择，就会出现问题。我有这样的东西:

// Select dropdown entry by index
$("#MyDropDownList").data("kendoDropDownList").select(0);

当我这样做时，我的选择回调不会被调用。我在这里做错了什么吗？或者我应该将 select 上发生的代码放入它自己的函数中，并在需要它触发时自己调用它？

Answer 1

是的，调用 Kendo UI API 方法不会触发事件。这是整个框架的一项设计决策(窗口小部件除外)。您应该在调用 API 后手动调用事件处理程序。

其背后的原因是，在验证新选择后，您可以在选择事件处理程序中选择不同的项目。如果小部件触发了选择事件，则这是不可能的(这将导致无限的触发句柄循环)。