【问题标题】:Change Event Not Firing - Kendo ComboBox更改事件未触发 - Kendo ComboBox
【发布时间】:2020-02-03 15:49:22
【问题描述】:

我有一个 Kendo ComboBox 填充了一个列表,当用户在列表中选择不同的选项时,我希望 pageModel.newServiceModel.JobSelectionChange() 触发。我尝试了 3 种不同的方法来做到这一点,但都没有奏效。我试图简单地设置更改:pageModel.newServiceModel.JobSelectionChange()、更改:(嵌入在 pageModel.newServiceModel.JobSelectionChange() 函数本身中的全部内容)以及我目前拥有的内容。当我更改下拉列表中的选择时,它们都没有导致函数被调用。此外,注释掉的更改:console.log() 确实有效,因此它与此函数本身有关。对此有什么想法吗?

pageModel.newServiceModel.JobSelectionChange = function () {
    ...
}

// loading combobox
pageModel.newServiceModel.selectedJobs.subscribe(function (newData) {
    $("#newServiceJobs").data("kendoComboBox").dataSource.data(newData);
});

$("#newServiceJobs").kendoComboBox({
    placeholder: "Select One",
    filter: "contains",
    suggest: true,
    change: function() { pageModel.newServiceModel.JobSelectionChange(); },
    //change: function() { console.log("hello") },
    dataSource: pageModel.newServiceModel.selectedJobs(),
    dataTextField: "name",
    dataValueField: "jobid"
});

【问题讨论】:

    标签: javascript dom-events kendo-combobox


    【解决方案1】:

    奇怪,它应该按照你的方式工作 - 我在你的其他尝试中唯一要指出的是,在设置它时不要执行该功能。

    所以:

    $("#newServiceJobs").kendoComboBox({
        placeholder: "Select One",
        filter: "contains",
        suggest: true,
        change: pageModel.newServiceModel.JobSelectionChange,
        //change: function() { console.log("hello") },
        dataSource: pageModel.newServiceModel.selectedJobs(),
        dataTextField: "name",
        dataValueField: "jobid"
    });
    

    如果您这样做,并在您的 JobSelectionChange 函数中放置一个控制台日志/调试器/警报,您是否仍然看不到它执行?因为如果您看不到该函数命中,至少,您应该在控制台中看到一个错误,该函数的某些内容不存在或无法在未定义的情况下调用某些内容。

    【讨论】:

    • 我发现它没有触发的原因是 JobSelectionChange() 的编写方式。当我在其中放置一个 console.log("hello") 时,事件本身实际上正在触发,并且在单击列表中的不同选项后它确实出现了。只是实际功能不再起作用。困难在于我要将所有这些从完全有效的淘汰赛绑定切换到这个剑道组合框,因为组合框有几个淘汰赛无法启用的功能。
    猜你喜欢
    • 2018-07-13
    • 2013-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多