自动完成列表加载但未在IE 9,10和11中显示

时间:2014-06-17 09:27:20

标签: autocomplete kendo-ui

我的 kendo自动填充小部件配置为使用 Ajax 来检索其成功运行的客户列表,这一切都适用于Firefox和Chrome,但在IE中它&# 39;表现得很奇怪。

  1. 在IE F12工具中,我监视了网络活动,看到了Ajax调用 用json数据成功返回。
  2. 我还检查了HTML标签,发现json中返回的记录是在DOM中正确创建的HTML元素
  3. 唯一的问题是实际上没有显示下拉列表框部分。

    这是Kendo在json数据中创建每个列表项元素之前的列表框HTML:

    <div class="k-list-container k-popup k-group k-reset" id="clientSearchInput-list" style="display: none; position: absolute;" data-role="popup">
        <ul tabindex="-1" class="k-list k-reset" id="clientSearchInput_listbox" role="listbox" aria-hidden="true" aria-live="polite" style="overflow: auto;" unselectable="on"></ul>
    </div>  
    

    在Kendo创建列表项后,这里的列表框相同:

    <div class="k-list-container k-popup k-group k-reset" id="clientSearchInput-list" style="height: 200px; display: none; position: absolute;" data-role="popup">
        <ul tabindex="-1" class="k-list k-reset" id="clientSearchInput_listbox" role="listbox" aria-hidden="true" aria-live="polite" style="overflow: auto;" unselectable="on">
            <li tabindex="-1" class="k-item k-state-focused" id="clientSearchInput_option_selected" role="option" unselectable="on">oRaNo SpeKER (SYGAA1501)</li>
            <li tabindex="-1" class="k-item" role="option" unselectable="on">Halthegorth Feirae (SYGAA0531)</li>
            <li ...>... many more items</li>
        </ul>
    </div> 
    

    所以到目前为止一切都在努力。但是看着外部div容器的样式元素,我注意到了这一部分:

    style="...; display: none; ..." 
    

    似乎剑道在实际显示列表框时停止了。一旦Kendo找到了应该显示列表框的位置,我还希望在顶部和左侧看到其他值。

    最后,控制台中没有例外。

    关于为什么这在IE中不起作用的任何想法?

1 个答案:

答案 0 :(得分:0)

将您的Kendo UI包升级到最新版本。