Question

我在这里遇到问题。我有一个kendo下拉列表，它使用项目的模板，以便我可以有多个列。我还需要更多的空间，所以我的列表宽度比下拉宽度更大; 即我用过

this.list.width(400);

在dataBound甚至列表中，以确保我可以看到它应该的列表。现在，我需要添加一些标题，以命名项目的列，所以我添加了：

this.list.find("ul").prepend(header);

在dataBound事件中也是如此。我应该澄清一下，我使用的模板由Divs组成，标题HTML也在Divs中。标题看起来很好，但下拉列表不能正常工作。当我选择第一项时，选择了第二项，当我选择最后一项时，出现错误，因为它找不到下一项。我尝试在标题HTML中使用表但仍然是同一个问题。如果我只使用文本（这不符合我的需要），下拉列表效果很好。谁能告诉我为什么会这样？任何人都可以告诉我如何有一个标题不会破坏下拉列表的整体工作吗？

注意：我不能有简单的文本，我需要根据下拉列表中列的位置来设置标题样式。

Answer 1

可能是因为dataBound事件，在那一点上可能还为时过早（是的，之后我知道没有其他方便的事件）。第一次打开下拉列表（事件：open）时添加标题。

我刚刚打开了剑道下拉列表演示页面并在Chrome＆gt;检查元素在k-animation-container中的<div>header</div>之前添加标题<ul>，与您尝试的方式相同。工作正常 - 标题就在那里 - 颜色不断变化。模板演示示例的相同故事。（http://demos.kendoui.com/web/dropdownlist/index.html）。

   <div class="k-list-container k-popup k-group k-reset" id="color-list"  ...>
     <div>header</div>
     <ul unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="color_listbox" aria-live="off" style="overflow: auto;">
            <li tabindex="-1" role="option" unselectable="on" class="k-item">Black</li>
            <li tabindex="-1" role="option" unselectable="on" class="k-item">Orange</li>
            <li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" id="color_option_selected" aria-selected="true">Grey</li>
       </ul>
    </div>

Answer 2

此问题的最佳解决方法（我想到的）是将dataTextField值附加到另一个dataItem为“Select”或您想要的任何内容，dataValueField值为“0”或任何默认值。< / p>

使用kendo下拉列表模板的问题

2 个答案: