标准JSF 2.0组件集中的AutoSuggest组件

Question

标准JSF 2.0组件集中是否存在类似Google的自动提示输入组件？

Answer 1

standard JSF <h:xxx> component set没有这样的组件。它提供的只是基本的HTML元素。 autosuggest字段基本上是<input type="text">和<ul><li>个项目的组合，这些项目由JavaScript创建和定位，由Ajax填充并由CSS编写好的样式。这不是一个基本的HTML元素。

如果你是JSF的新手，那么实现你自己并不是一件容易的事。最简单的方法是使用<h:inputText>创建composite component并自己添加必要的JS / CSS代码。幸运的是，存在JSF组件库，它们在标准JSF组件之上添加只是，并且通常已经提供了这样的组件。例如：

• RichFaces：<rich:autocomplete>
• PrimeFaces：<p:autoComplete>
• OpenFaces：<o:suggestionField>
• IceFaces：<ice:selectInputText>

^{（注意：上面的所有标签都是可点击的，并显示在线演示）}

Answer 2

如果您不希望向JSF项目添加组件库，则可以改为集成jQuery自动完成小部件。这是一个客户端JavaScript解决方案，与服务器端技术无关。因此，添加此小部件对服务器端代码几乎没有任何影响。

http://jqueryui.com/demos/autocomplete/