在JSF2中可搜索的Selectonemenu或在primefaces中的autoComplete

时间:2013-11-20 07:17:31

标签: jsf primefaces autocomplete converter

任何一个在JSF2中实现可搜索selectonemenu的例子。一个人应该能够输入然后从建议中选择。建议是许多列,是数据库表的结果。试过这个,但我没有使用primefaces的autoComplete组件实现其自定义转换器。任何人都有一个良好的领导/建议/网址链接。感谢

2 个答案:

答案 0 :(得分:1)

使用用户键入的inputtext,然后使用输入文本中每个keyup从数据库更新的数据表。然后,您可以使用列中的按钮从建议中进行选择,或使用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;
    }

}

答案 1 :(得分:0)

感谢那些回复我帖子的人,对不起,我花了很长时间才回复。 通过实现自定义转换器,我能够使用带有Pojo的primefaces autoComplete组件找到解决方案。更多信息https://www.primefaces.org/showcase/ui/input/autoComplete.xhtml

如果需要更多说明,请告诉我。