0

我这里有问题。我有一个剑道下拉列表，它使用项目模板，以便我可以有多个列。我还需要更多空间，所以我的列表宽度大于下拉列表宽度；即我用过

this.list.width(400);

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

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

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

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

4

2 回答 2

0

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

于 2013-07-31T09:06:18.893 回答
0

可能是因为 dataBound 事件，那时可能还为时过早（是的，我知道之后没有其他方便的事件）。open首次打开下拉菜单（事件 : ）时添加标题。

我刚刚打开了 kendo 下拉列表演示页面，并在 Chrome > 检查元素中在 k-animation-container<div>header</div>之前添加了标题<ul>，与您尝试执行的方式相同。工作正常 - 标题在那里 - 颜色不断变化，因为它们应该。模板演示示例的故事相同。（http ://demos.kendoui.c​​om/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>
于 2013-06-06T16:25:23.103 回答