Kendo DropDownList更改事件

时间:2015-05-18 20:29:54

标签: jquery kendo-ui

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

我尝试过以下无效的代码:

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

function onChange() {
    alert(1);
}

2 个答案:

答案 0 :(得分:11)

这样做的正确方法是:

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

答案 1 :(得分:0)

对于以后对该问题的看法,更干净的方法是在声明中使用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