Kendo UI Combo Box Reset Значение

Я использую ComboBox в пользовательском интерфейсе Kendo в каскадном режиме, чтобы создать фильтр, который я хочу применить.

Как очистить / reset значение ComboBox от Kendo UI?

Я пробовал:

$("#comboBox").data("kendoComboBox").val('');
$("#comboBox").data("kendoComboBox").select('');
$("#comboBox").data("kendoComboBox").select(null);

все безрезультатно. Проект представляет собой приложение MVC4 с использованием движка Razor, а код в основном совпадает с примером пользовательского интерфейса Kendo.

Ответ 1

Если вы хотите использовать select, вам нужно указать индекс опции. В противном случае используйте text

$("#comboBox").data("kendoComboBox").text('');

Пример: http://jsfiddle.net/OnaBai/4aHbH/

Ответ 2

Мне нужно было создать свою пользовательскую функцию очистки, которая включала элементы управления Kendo UI, такие как:

kendo.ui.ComboBox.fn.clear = kendo.ui.AutoComplete.fn.clear = function () {
    if (!!this.text) {
        this.text("");
    }
    if (!!this.value) {
        this.value(null);
    }
    this._prev = this.oldIndex = this._old = this._last = undefined;
};

Затем вы можете вызвать $("mycontrol").data("kendoAutoComplete").clear();, чтобы очистить элемент управления и вызвать обработчик изменений при выполнении следующих действий: выберите элемент, очистите и снова выберите предыдущий элемент.

Ответ 3

Это также работает:

$("#comboBox").data("kendoComboBox").value(null);

Ответ 4

Я нашел, что эти параметры ниже, похоже, работают в reset поле со списком кендо. Вы можете запустить $("#comboBox").data("kendoComboBox").select() после двух попыток, и вы увидите возвращаемое значение -1, обозначающее его reset.

$("#comboBox").data("kendoComboBox").value('')
$('#comboBox').data().kendoComboBox.value('')
$("#comboBox").data("kendoComboBox").select(-1)
$('#comboBox').data().kendoComboBox.select(-1)