如何使用 ViewModel 值设置 KendoComboBox( jquery UI) 值？

Question

View(model) 是从控制器 IActionResult 方法返回的，但是 Kendo 组合框选择的值不会像其他 UI 元素那样得到反映。

如何使用视图模型值设置组合框的选定值？

Answer 1

使用 .Value(model)，请参见下面的示例。涤纶将成为所选值。

@(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%;" })
)

Answer 2

可以用KendoComboBox的value设置。例如：

$("#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'
});