如何在不使用 html 包装器的情况下将视图模型数据绑定到 Kendo DropDownlist答案

【问题标题】：How to bind view model data to Kendo DropDownlist without using the html wrapper如何在不使用 html 包装器的情况下将视图模型数据绑定到 Kendo DropDownlist
【发布时间】：2016-12-10 18:35:47
【问题描述】：

我正在使用 ASP.NET MVC5。视图从控制器获取模型：

    public class IncidentWorkbenchViewModel
    {
        public List<string> ActiveUserList { get; set; }
    }

我想出了如何使用 Kendo UI for ASP.NET 包装器通过以下方式将列表绑定到 Kendo DropDownList：

@(Html.Kendo().DropDownListFor(m => m.ActiveUserList)
    .BindTo(Model.ActiveUserList).Name("selectedUser")))

现在我想知道如何在不使用 HTML 帮助器的情况下做同样的事情。我认为最好使用 javascript 而不是包装器来更好地分离代码。

【问题讨论】：

标签： javascript kendo-ui asp.net-mvc-5

【解决方案1】：

等效的javascript是：

<input id="selectedUser" />
<script>
  var activeUsers= @Html.Raw(Json.Encode(Model.ActiveUserList));
  $("#selectedUser").kendoDropDownList({
    dataSource: activeUsers,
    dataTextField: "Name",
    dataValueField: "Id"
  });
</script>

http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist

【讨论】：

谢谢！不知道模型需要转成json对象，lol！
实际上，我更喜欢将读取的数据源设置为指向一个 mvc 控制器操作，该操作以 JSON 格式返回我的列表。然后您就不必担心将所有这些列表加载到一个巨大的视图模型中。
嗯，我明白了。我要更改我的代码。再次感谢您的提示。