KendoUI 多选取消选择事件在 jquery 中未正确绑定

Question

我尝试使用 jquery 将"取消选择"事件绑定到 KendoUI 多选控件。但似乎它没有开火：这是代码：

$(document).ready(function () {
    function multiselect_deselect(e) {
        debugger;
        if (e.item.context.localName == 'li') {
            e.preventDefault();
        }
    }   
    var multiselectCtrl = $("#enterFeedbackForm_" + '@ContextId' + " #FeedbackCategoryList_" + '@ContextId').data("kendoMultiSelect");
    multiselectCtrl.bind("deselect", multiselect_deselect);
});

调试器点未命中。我们正在使用剑道 UI 剑道 UI v2015.2.703

Answer 1

我认为剑道-ui已经对此具有绑定属性。如果您查看事件文档，它将向您展示如何在初始化 kendo ui 多选时绑定事件：

$(document).ready(function() {
    function onDeselect(e) {
        debugger;
        if (e.item.context.localName == 'li') {
            e.preventDefault();
        }
    };
    var data = [
        { text: "Africa", value:"1" },
        { text: "Europe", value:"2" },
        { text: "Asia", value:"3" },
        { text: "North America", value:"4" },
        { text: "South America", value:"5" },
        { text: "Antarctica", value:"6" },
        { text: "Australia", value:"7" }
    ];
    $("#select").kendoMultiSelect({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: data,
        deselect: onDeselect,
    });
});