Telerik Kendo DropDownList 在剃刀中具有恒定内容答案

【问题标题】：Telerik Kendo DropDownList with constant content in razorTelerik Kendo DropDownList 在剃刀中具有恒定内容
【发布时间】：2016-10-28 05:54:09
【问题描述】：

我想创建一个 Telerik Kendo DropDownList，其中包含四个项目：“患者列表”、“基准测试”、“特定中心”、“ECMO 运行”。在 razor (C#) 中最简单的方法是什么？提前感谢您的帮助。

【问题讨论】：

标签： c# asp.net razor telerik kendo-asp.net-mvc

【解决方案1】：

@(Html.Kendo().DropDownList()
          .Name("myDropDownList")
          .DataTextField("Text")
          .DataValueField("Value")
          .Events(e => e.Change("change"))
          .BindTo(new List<SelectListItem>() {
              new SelectListItem() {
                  Text = "Patient List",
                  Value = "1"
              },
              new SelectListItem() {
                  Text = "Benchmarking",
                  Value = "2"
              },
              new SelectListItem() {
                  Text = "Center Specific",
                  Value = "3"
              },
              new SelectListItem() {
                  Text = "ECMO Run",
                  Value = "4"
              }
          })
          .Value("1")
          .HtmlAttributes(new { style = "width: 100%" })
    )

以上只是使用 Kendo UI 创建下拉列表的示例代码。或者，您可以简单地使用纯 HTML <select> 标签来创建一个下拉列表。

<select id="size" style="width: 100%;">
   <option value=1>Patient List</option>
   <option value=2>Benchmarking</option>
   <option value=3>Center Specific</option>
   <option value=4>ECMO Run</option>
</select>

【讨论】：

非常感谢您的时间和关注。代码看起来很合乎逻辑，但是当我把它复制到我的页面上时，我只看到了一个值为 1 的文本框。我在 Mozilla 和 Chrome 中尝试过代码。也许我做错了什么？
@alenan2013 尝试此链接中的步骤，看看您的配置是否都正确。 docs.telerik.com/kendo-ui/aspnet-mvc/…
如果您“按原样”使用提供的代码，您可能会因为未定义“更改”处理程序而收到 javascript 错误，这将阻止完全创建下拉列表。您可能需要删除 .Events(e => e.Change("change")) 配置或提供“更改”功能的 javascript 代码，如链接的 Telerik 演示页面所示。
谢谢两位 :) 问题出在“更改”事件中。没有事件一切正常。再次感谢您。