Kendo ui 剑道下拉列表模板问题

我这里有个问题。我有一个剑道下拉列表，它使用一个项目模板，这样我就可以有多个列。我还需要更多的空间，所以我有更大的列表宽度比下拉宽度； i、 我曾经

this.list.width(400);

甚至在列表的数据绑定中，以确保我可以看到列表。 现在，我需要添加一些标题，以命名项目的列，因此我添加了：

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

在数据绑定事件中也是如此。我应该澄清一下，我使用的模板由div组成，而且头HTML是Divs。标题看起来很好，但是下拉菜单不太好用。当我选择第一个项目时，第二个项目被选中，当我选择最后一个项目时，出现错误，因为它找不到下一个项目。我尝试在HTML标题中使用table，但仍然存在相同的问题。如果我只使用文本（这不能满足我的需要），下拉菜单工作得很好。有人能告诉我为什么会这样吗？有谁能告诉我如何有一个标题，不破坏下拉列表的整体工作

---

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

可能是因为dataBound事件，此时可能还太早（是的，我知道之后没有其他方便的事件）。首次打开下拉列表时添加标题（事件：

open

）

我刚刚打开了剑道下拉列表演示页面，在Chrome>inspect元素中，在k-animation-container中的

前面添加了标题

header

，与您尝试的方法相同。工程罚款-标题在那里-颜色不断变化，因为他们应该。模板演示示例的情况与此相同。().

标题

解决此问题的最佳方法（我提出的）是附加另一个dataItem，其中dataTextField值为“Select”或任何您想要的值，dataValueField值为“0”或任何默认值。

我也尝试了“open”事件，同样的结果，我不知道为什么，但它不能正确处理我的数据，我使用的是远程数据。即使我只是像你一样添加标题“header”，它仍然不起作用，我这里真的有问题。我无法检查打开的下拉列表，因为每次单击“检查”图标时，列表都会关闭。我可以在IE中完成，但不能编辑html，所以我看不出它是否真的有效。如果你说是的话，它会是的，但是我的问题仍然存在。而且，如果我设置了optionLabel，就会出现错误，它会试图找到返回的字段并给出错误；尽管如此，我已经确认数据是在此类错误出现之前返回的。我处于死锁状态，我将模板更改为，甚至只是字段值（无格式），我仍然无法使用标题或optionLabel。我用JQuery解决了这个问题，我还需要标题是静态的，不可滚动的，这也实现了。

   <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>