4

我正在使用 bootstrap 的 typeahead 进行文本输入，该文本输入还有一个弹出流行结果弹出框的按钮。

我想要预先输入的功能，只是结果列表将显示在不同的 div 中（在弹出框内而不是在文本输入下）。

有没有办法为预先输入的搜索结果设置“容器”？（例如弹出窗口小部件包含一个“容器”选项）

像这样的东西：

Text Field    Button          popover
________________________________________________________
|   Search...  | B |  Typeahead1    Popular Searches:  |
|--------------|---|  Typeahead2    Src1               |
                   |  Typeahead3    Src2               |
                   |  ....          ...                |
                   |___________________________________|

（在 Photoshop 中绘制会更快，但是呃......）

有什么好的解决方案的想法吗？我想了几种方法：修改/扩展 typeahead 插件或使用隐藏的文本输入。我可以改为使用 jquery 的自动完成功能。还有其他（更好的）建议吗？

注意：我正在使用 jquery+angularjs+bootstrap

4

1 回答 1

5

据我所知，来自http://angular-ui.github.io/bootstrap/typeahead的指令代码（我已经写过它了 :-)）你将无法做到你在这里问的只是通过配置。

您将需要分叉它并适应您的需求。它应该很简单。如果您觉得应该在指令中更改任何内容以使其更易于扩展，请随时打开 GitHub 问题。

于 2013-05-02T18:00:36.337 回答