Question

我的Kendo自动完成控件成功检索Json列表。不幸的是，它两次调用MVC控制器方法并创建两个建议列表。重复列表直接显示在第一个列表后面。从第一个建议列表中选择一个值时，列表将消失，但重复列表仍然可见。我正在使用自动完成控件的包装器，如下所示。我已经确认在任何页面脚本中都没有引用该控件。该控件位于部分视图中，该视图一次添加到cshtml视图中（@{ Html.RenderPartial("_AddLineItem"); }）。

@(Html.Kendo().AutoComplete()
     .Name("CategorySearch")
     .DataTextField("CategoryName")
     .Filter("contains")
     .DataSource(source =>
     {
         source.Read(read =>
         {
             read.Action("PopulateCategories", "Default");
         })
         .ServerFiltering(false);
    })
)

生成的HTML显示建议列表两次，但关联的输入控件仅存在一次。以下标记位于生成的HTML中两次（这些是建议列表的标记，它们还包含li标记和结束div标记，从下面的粘贴HTML中删除）：

<div class="k-animation-container" style="left: 431.13px; top: 405.69px; width: 511px; height: 206px; overflow: hidden; padding-right: 2px; padding-bottom: 4px; padding-left: 2px; margin-left: -2px; display: none; position: absolute; z-index: 10002;">

有没有人知道这里发生了什么？

Answer 1

根据我添加的评论，答案是避免在JQuery UI对话框控件中放置一个Kendo自动完成控件。该对话框强制自动完成控件在浏览器中呈现两次。我在Internet Explorer和Firefox中都证实了这一点。可以合理地假设在其他浏览器中也会出现相同的行为。

Kendo Autocomplete显示两个建议列表

1 个答案: