Увеличение / уменьшение выбранного индекса в поле со списком Kendo

Question

Увеличение / уменьшение выбранного индекса в поле со списком Kendo

0

У меня есть поле со списком Kendo UI, которое заполнено списком элементов. У меня есть две кнопки: одна для Incrementing и одна для Decrementing index в combobox. Кнопки имеют функции, связанные с событием клика.

Проблема в том, что индекс combobox (показанное значение не изменяется) не увеличивается или не уменьшается. Вот что я имею в качестве методов:

   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
    }
}

Спасибо за помощь!

Carlos Mendieta 31 март 2014, в 22:07

Источник

Теги:

jquery

kendo-ui

kendo-combobox

1 ответ

Ещё вопросы

Nate Kibler · Accepted Answer · 2014-03-31T17-53-00.000Z

Я считаю, что ваша проблема заключается в том, что вы вызываете метод .select() для элемента jQuery $('#comboTraveler) вместо переменной combobox, которая является $('#comboTraveler) со combobox Kendo. В ваших if-утверждениях попробуйте это вместо:

combobox.select(selectedIndex + 1);

... и затем, конечно, selectedIndex - 1 в вашем методе DecrementTraveler().

потрясающе, Нейт. Большое спасибо за объяснение тоже. Я даже не думал об этом.
Нет проблем! Вот для чего мы здесь.