下拉列表中的多行值（组合框）答案

【问题标题】：Multiline values in dropdown (ComboBox)下拉列表中的多行值（组合框）
【发布时间】：2010-03-12 20:16:19
【问题描述】：

是否有任何库可以使 ComboBox 在展开时选择多行选项。我正在寻找类似于 ExtJS 中的 Combobox 的东西，除了当用户单击向下箭头时必须出现值，就像在正常下拉菜单中一样。

有人知道是否可以用 ExtJS 做类似的事情吗？因为他们自己的社区和支持肯定不会 (http://www.extjs.com/forum/showthread.php?t=94079)

【问题讨论】：

标签： javascript combobox extjs drop-down-menu multiline

【解决方案1】：

您可以使用模板配置 (tpl) 来定义您希望下拉列表的视觉效果（这正是您从论坛帖子链接到的示例中的以下代码所做的）：

var resultTpl = new Ext.XTemplate(
    '<tpl for="."><div class="search-item">',
        '<h3><span>{lastPost:date("M j, Y")}<br />by {author}</span>{title}</h3>',
        '{excerpt}',
    '</div></tpl>'
);
....
tpl: resultTpl

您可以根据需要配置标准组合框（有或没有下拉按钮——该示例使用hideTrigger:true 隐藏它）。听起来您还想要triggerAction: 'all'，以便在您单击下拉按钮时显示整个列表。

基本上，只要确保您查看ComboBox API docs 以了解所有可用的内容——您想要的是完全标准的行为。

【讨论】：

那行得通。只是我是 ExtJS 的新手，因此即使是像这样简单的东西在一周前也很有挑战性。谢谢。
我很高兴它成功了。仅供参考-习惯上“接受”对您有最大帮助的答案，以便每个人都知道这是解决方案（而且我还获得了一些声誉积分）。谢谢！