Modificare il valore selezionato di kendo ui dropdownlist

Question

Ho un kendo ui dropdownlist a mio avviso:

$("#Instrument").kendoDropDownList({ 
    dataTextField: "symbol", 
    dataValueField: "symbol", 
    dataSource: data, 
    index: 0 
}); 

Come posso cambiare il valore selezionato di esso utilizzando jQuery? ho provato:

$("#Instrument").val(symbol); 

Ma non funziona come previsto.

Answer 1

È necessario utilizzare il metodo Kendo DropDownList select (documentazione in here).

In sostanza si dovrebbe:

// get a reference to the dropdown list 
var dropdownlist = $("#Instrument").data("kendoDropDownList"); 

Se si conosce l'indice è possibile utilizzare:

// selects by index 
dropdownlist.select(1); 

In caso contrario, l'uso:

// selects item if its text is equal to "test" using predicate function 
dropdownlist.select(function(dataItem) { 
    return dataItem.symbol === "test"; 
}); 

JSFiddle esempio here

Answer 2

Poiché questo è uno dei principali risultati di ricerca per domande relative a questo ho sentito che valeva la pena ricordare come si può fare questo lavoro con Kendo(). DropDownListFor() pure.

Tutto è uguale a quello di OnaBai, tranne per il modo in cui si seleziona l'elemento in base al testo e al selettore.

Per fare ciò è necessario sostituire dataItem.symbol per dataItem. [DataTextFieldName]. Qualunque campo di modello tu abbia usato per .DataTextField() è ciò a cui ti confronterai.

@(Html.Kendo().DropDownListFor(model => model.Status.StatusId) 
    .Name("Status.StatusId") 
    .DataTextField("StatusName") 
    .DataValueField("StatusId") 
    .BindTo(...) 
) 

//So that your ViewModel gets bound properly on the post, naming is a bit 
//different and as such you need to replace the periods with underscores 
var ddl = $('#Status_StatusId').data('kendoDropDownList');  

ddl.select(function(dataItem) { 
    return dataItem.StatusName === "Active"; 
}); 

Answer 3

E 'possibile "nativamente", selezionare per valore:

dropdownlist.select(1); 

Answer 4

il modo più semplice per farlo è:

$("#Instrument").data('kendoDropDownList').value("A value"); 

Ecco il JSFiddle example.

Answer 5

sembra che ci sia un modo più semplice, almeno in Kendo UI v2015.2.624:

$('#myDropDownSelector').data('kendoDropDownList').search('Text value to find'); 

Se non c'è una partita in discesa, Kendo appare per impostare la discesa per un valore non selezionato, che ha un senso.

---

non ho potuto ottenere @Gang's answer a lavorare, ma se si scambia il suo value con search, come sopra, siamo d'oro.