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