Casella combinata UI Kendo Valore di ripristino

Question

Sto utilizzando i ComboBox UI Kendo in modalità a cascata per creare un filtro che desidero applicare.

Come si cancella/reimposta il valore di un ComboBox UI Kendo?

ho provato:

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

tutto inutile. Il progetto è un'app MVC4 che utilizza il motore Razor e il codice è sostanzialmente lo stesso del Kendo UI example.

Answer 1

Se si desidera utilizzare select, è necessario fornire l'indice dell'opzione. In caso contrario, utilizzare text

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

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

Answer 2

Questo funziona anche:

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

Answer 3

ho dovuto creare il mio personalizzato funzione di cancellazione si estende coinvolti Kendo controlli UI come la seguente:

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

Quindi è possibile chiamare $("mycontrol").data("kendoAutoComplete").clear(); per cancellare il controllo e fare in modo che il gestore delle modifiche venga richiamato quando si effettua quanto segue: selezionare un elemento, deselezionare e selezionare nuovamente l'elemento precedente.

Answer 4

Ho trovato queste opzioni di seguito sembrano funzionare per ripristinare la casella combinata di kendo. È possibile eseguire $("#comboBox").data("kendoComboBox").select() dopo aver provato due di seguito e si dovrebbe vedere un valore restituito di -1, che indica il suo reset.

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