如何在不使用 html.kendio().dropdownlist() 的情况下将 htmlhelper dropdownlist 更改为 kendo ui dropdownlist？答案

【问题标题】：How can i change htmlhelper dropdownlist to kendo ui dropdownlist without using html.kendio().dropdownlist()?如何在不使用 html.kendio().dropdownlist() 的情况下将 htmlhelper dropdownlist 更改为 kendo ui dropdownlist？
【发布时间】：2013-11-12 19:26:47
【问题描述】：

我在视图中使用 htmlhelper 下拉列表：

@Html.DropDownListFor(model => model.GroupID, (SelectList)ViewBag.Groups, "Choose...",
new { id = "GroupsDropDown" })

ViewBag.Groups= new SelectList(db.Groups.ToList(), "GroupID", "GroupName");

我有两个问题： 1-如何在不使用 jquery 的情况下将 Html.DropDownListFor() 更改为 Kendo dropDown？我使用了下面的代码，但它不起作用：

<script type="text/javascript">
        $("[id$='DropDown']").kendoDropDownList();
</script>

2- 我使用 ViewBags 填充我的下拉列表是真的吗，...？有什么更好的方法可以代替 viewbag 吗？

感谢您的帮助。

【问题讨论】：

标签： jquery asp.net-mvc-4 razor kendo-ui html-helper

【解决方案1】：

我不确定您尝试的选择器是否真的返回 DropDownList。

你有没有尝试使用

$('#GroupID').kendoDropDownList();

使用 ViewBag 就可以了。

【讨论】：

我相信应该是 $("#GroupsDropDown")。
感谢您的帮助，但我有很多 html.dropdownlistfor()，我想在我的布局中使用一个 jquery 代码来更改它们。
向它们添加 CSS 类，然后使用 jQuery 类选择器。例如，如果添加类 'foo'，则可以使用 $('.foo').kendoDropDownList({...})

【解决方案2】：

您的 jquery 选择看起来不正确。应该是 $("#GroupsDropDown")。至于你的第二个问题，我更喜欢绑定到 IEnumerable。如果我不缓存项目，我通常会将其作为模型的属性。如果我正在缓存，我将它们放在 ReferenceData 类中。（例如 model.ReferenceData.MyDropDownListItems）@Html.DropDownListFor 有一个重载可以使用这个，或者如果你使用 Kendo，你可以使用 Kendo 的 .BindTo 方法。

【讨论】：