На мой взгляд, у меня есть раскрывающийся список пользовательского интерфейса кендо:
$("#Instrument").kendoDropDownList({
dataTextField: "symbol",
dataValueField: "symbol",
dataSource: data,
index: 0
});
Как я могу изменить выбранное значение с помощью jQuery? Я попытался:
$("#Instrument").val(symbol);
Но это не работает, как ожидалось.
Вы должны использовать метод Kendo UI DropDownList select (документация здесь).
В основном вы должны:
// get a reference to the dropdown list
var dropdownlist = $("#Instrument").data("kendoDropDownList");
Если вы знаете индекс, вы можете использовать:
// selects by index
dropdownlist.select(1);
Если нет, используйте:
// selects item if its text is equal to "test" using predicate function
dropdownlist.select(function(dataItem) {
return dataItem.symbol === "test";
});
Пример JSFiddle здесь
Самый простой способ сделать это:
$("#Instrument").data('kendoDropDownList').value("A value");
Вот пример JSFiddle.
var inst = $("#Instrument").data('kendoDropDownList'); if (inst) { inst.value("A value"); } 04.06.2019 Поскольку это один из самых популярных результатов поиска по вопросам, связанным с этим, я подумал, что стоит упомянуть, как вы можете заставить это работать с Kendo().DropDownListFor().
Все то же самое, что и в сообщении OnaBai, за исключением того, как вы выбираете элемент на основе его текста и вашего селектора.
Для этого вы должны заменить dataItem.symbol на dataItem.[DataTextFieldName]. Какое бы поле модели вы ни использовали для .DataTextField(), это то, с чем вы будете сравнивать.
@(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";
});
Кажется, есть более простой способ, по крайней мере, в Kendo UI v2015.2.624:
$('#myDropDownSelector').data('kendoDropDownList').search('Text value to find');
Если в раскрывающемся списке нет совпадений, Kendo устанавливает в раскрывающемся списке невыбранное значение, что имеет смысл.
Мне не удалось заставить ответ @Gang работать, но если вы поменяете его value на search, как указано выше, мы золотой.
search. Плохо названная функция, я согласен. В вашем случае вам нужно будет написать свою собственную процедуру поиска, используя необработанный data, найти точное совпадение [опять же, с помощью вашей собственной процедуры поиска], а затем выбрать-через-search-функцию точное совпадение, которое вы нашли. Звучит неплохо? 15.11.2016 Можно "изначально" выбирать по значению:
dropdownlist.select(1);
dataItem.symbol. См. JS Fiddle jsfiddle.net/OnaBai/mRmNJ. 19.04.2013change, вы должны инициировать его вручную, вызвавdropdownlist.trigger("change");после вызоваselect. 30.03.2017