asp.net mvc 4 - mvc - Kendo UI Combo Box Reset Value

kendo mvc dropdown

Question

Estoy usando los ComboBoxes de IU de Kendo en modo cascada para crear un filtro que deseo aplicar.

¿Cómo borro / restablezco el valor de una Kendo UI ComboBox?

He intentado:

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

todo fue en vano. El proyecto es una aplicación MVC4 que utiliza el motor Razor y el código es básicamente el mismo que el del Kendo UI .

Answer 1

Si desea utilizar select , debe proporcionar el índice de la opción. De lo contrario, use text

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

Ejemplo: http://jsfiddle.net/OnaBai/4aHbH/

Answer 2

Tuve que crear mi función de borrado personalizado extendiendo los controles de interfaz de usuario de Kendo de la siguiente manera:

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

Luego puede llamar a $("mycontrol").data("kendoAutoComplete").clear(); para borrar el control y tener invocado el controlador de cambio cuando se hace lo siguiente: seleccionar un elemento, borrar y seleccionar de nuevo el elemento anterior.

Answer 3

Esto también funciona:

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

Answer 4

He encontrado que estas opciones a continuación parecen funcionar para restablecer el cuadro combinado de kendo. Puede ejecutar $("#comboBox").data("kendoComboBox").select() después de probar dos a continuación y debería ver un valor devuelto de -1, lo que indica su restablecimiento.

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