JSF2 中的可搜索 Selectonemenu 或 primefaces 中的自动完成

Question

任何一个在 JSF2 中实现可搜索选择菜单的例子。应该能够键入然后从建议中进行选择。建议有很多列，是来自数据库表的结果。尝试过，但我未能使用 primefaces 的 autoComplete 组件实现其自定义转换器。任何有一个很好的线索/建议/网址链接的人。谢谢

Answer 1

利用用户键入的输入文本，然后在输入文本中的每个键上从数据库更新数据表。然后，您可以使用列中的按钮从建议中进行选择，或者使用 jquery 在建议的每一行上放置一个侦听器。然后用css来模拟一个selectonemenu

一个简短的例子：

查看：

<h:inputText value="#{backBean.searchWord}">
    <p:ajax event="keyup" update="suggestionsTable"/>
    <p:ajax event="click" update="suggestionsTable"/>
</h:inputText>

<h:dataTable id="suggestionsTable" value="#{backBean.suggestionsList}" var="item" cellpadding="5" >
    <h:column>
        <h:outputText value="#{item.someItem}"></h:outputText>
    </h:column>
</h:dataTable>

豆子：

public class backBean {

    private List suggestionsList = new ArrayList();
    private String searchWord;

    public void setSearchWord(String searchWord) {
        suggestionsList = // items from your database
        this.searchWord = searchWord;
    }

    public String getSearchWord()
    {
        return this.searchWord;
    }

    public List getSuggestionsList()
    {
        return this.suggestionsList;
    }

    public void setSuggestionsList(List inList)
    {
        this.suggestionsList = inList;
    }

}