Kendo DropDownList 更改事件

Question

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

我尝试了以下无效的代码：

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

function onChange() {
    alert(1);
}

Answer 1

正确的做法是：

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

Answer 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

Kendo DropDownList 更改事件

Kendo DropDownList Change event

jquery

kendo-ui