Kendo DropDownList 更改事件答案

【问题标题】：Kendo DropDownList Change eventKendo DropDownList 更改事件
【发布时间】：2015-05-18 20:29:54
【问题描述】：

我有一个 ID 为 SapProject_Id 的 Kendo DropDownList，当用户更改其值时，我需要触发 onChange，但这需要在 jquery 中完成，而不是在我定义 Kendo DropDownList 时。

我尝试了以下不起作用的代码：

var sapProject = $("#SapProject_Id").data("kendoDropDownList");
sapProject.change = onChange;

function onChange() {
    alert(1);
}

【问题讨论】：

您能否更详细地解释一下它是如何失败的？您是否尝试过使用 javascript 调试器，例如 FireFox 中的 Firebug 或 Chrome 开发者工具？
@Jon 是的，我有，即使设置了 onChange 函数，它也不会被调用。当您更改 KendoDropDown 选择时，还有其他事件要调用吗？

标签： jquery kendo-ui

【解决方案1】：

这样做的正确方法是：

var sapProject = $("#SapProject_Id").data("kendoDropDownList").bind("change", onChange);

【讨论】：

【解决方案2】：

对于这个问题的未来观点，更简洁的方法是在声明中使用change 事件，就像这样。

$(document).ready(function() {
    var dropdown = $("#dropdown-id").kendoDropDownList({
        change: dropdownOnChange
    }).data("kendoDropDownList");

    function dropdownOnChange(e) {
        console.log('sap has been changed');
    }
});

您可以在此处找到活动的 Telerik 文档（滚动到底部）：https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist

【讨论】：