Как установить значение KendoComboBox (jquery UI) со значением ViewModel?

Question

Представление (модель) возвращается из метода IActionResult контроллера, но выбранное значение поля со списком Kendo не отображается, как другие элементы пользовательского интерфейса.

Как я могу установить выбранное значение поля со списком со значением модели просмотра?

Answer 1

Вы можете установить его с помощью value из KendoComboBox. Например:

$("#test").kendoComboBox({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: "", value: "1" },
        { text: "", value: "2" },
        { text: "", value: "3" },
    ],
    filter: "contains",
    suggest: true,
    index: -1,
    value: '@Model.yourValue'
});

Answer 2

Используйте .Value (модель), см. Пример ниже. Полиэстер будет выбранным значением.

@(Html.Kendo().ComboBox()
      .Name("fabric")
      .Filter("contains")
      .Placeholder("Select fabric...")
      .DataTextField("Text")
      .DataValueField("Value")
      .Value("2")
      .BindTo(new List<SelectListItem>() {
          new SelectListItem() {
            Text = "Cotton", Value = "1"
          },
          new SelectListItem() {
            Text = "Polyester", Value = "2"
          },
          new SelectListItem() {
            Text = "Cotton/Polyester", Value = "3"
          }
      })
      .Suggest(true)
      .HtmlAttributes(new { style="width:100%;" })
)