drop-down-menu - 剑道下拉列表在剑道窗口中消失

Question

我在一个页面中有两个剑道窗口(添加和编辑)，它们都有同名的下拉列表。

@(Html.Kendo().DropDownList()
.Name("TypeId") 
    .DataTextField("TypeName") 
    .DataValueField("Id") 
    .datasource(source => 
    {
      source.Read(read =>
           {
                read.Action("Action", "Controller"); 
           })
     }))

访问添加窗口时，下拉菜单看起来不错，然后打开和关闭添加窗口 3 次，然后访问编辑窗口。

我第二次访问编辑窗口时，下拉列表消失了，然后一个文本框出现在下拉列表的位置。

当我使用 MVC4 dropdownlist 控件时没有问题，问题仅在于 kendo dropdownlist。

任何人都可以建议我做错了什么。

Answer 1

您不能有多个同名的小部件 - 您需要确保每个小部件都有唯一的名称。

在后台，您通过 Name 方法为小部件指定名称 - 它为 html 包装元素分配一个 ID，用于查找小部件并对其进行初始化。正如您可能知道的那样，如果您有两个具有相同 id 的 html 元素 - jQuery 将始终返回第一个，因此第二个小部件将不会被初始化，并将保留为常规文本框输入。