jquery - 增加/减少 Kendo 组合框上的选定索引

Question

我有一个 Kendo UI 组合框，其中填充了项目列表。我有两个按钮，一个用于递增，一个用于递减组合框上的索引。这些按钮具有与单击事件相关的功能。

问题是组合框的索引（显示的值没有改变）没有增加或减少。这是我所拥有的方法：

   function IncrementTraveler() {
    var combobox = $("#comboTraveler").data("kendoComboBox");
    var selectedIndex = parseInt(combobox.select());
    alert(selectedIndex);  // displays correct index

    if (selectedIndex < combobox.dataSource.data().length) {
        $('#comboTraveler').select(selectedIndex + 1);  // nothing changes
    }
}

function DecrementTraveler() {
    var combobox = $("#comboTraveler").data("kendoComboBox");
    var selectedIndex = parseInt(combobox.select());
    alert(selectedIndex);  // displays correct index

    if (!(selectedIndex < 0)) {
        $('#comboTraveler').select(selectedIndex - 1);  // nothing changes
    }
}

谢谢您的帮助！

Answer 1

我相信你的问题是你.select()在 jQuery 元素上调用方法$('#comboTraveler)而不是你的combobox变量，它是 Kendo 组合框对象。在你的 if 语句中，试试这个：

combobox.select(selectedIndex + 1);

...然后当然selectedIndex - 1是你的DecrementTraveler()方法。