在素面自动补全组件上作样的麻烦

我正在学习如何使用primefaces框架。我建立了一个项目，使例子，我有一些麻烦，使自动完成组件的工作。我想在这个自动补全组件上根据玩家来源的名称显示"玩家"的提示，但没有显示提示。我对ajax没有太多的经验，也没有对bean，显然我做错了什么。谢谢你的帮助!

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">>
    <h:head>
        <title>Autocomplete</title>
    </h:head>
    <h:body>
        <h:form>
            <p:autoComplete value="#{autoComplBean.selectedPlayer}" 
               completeMethod="#{autoComplete.complete}" var="p" 
               itemLabel="#{p.name}" itemValue="#{p}" dropdown="true">
            </p:autoComplete>
        </h:form>
    </h:body>
</html>

import java.util.ArrayList;
import java.util.Iterator;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class autoComplBean {
    private acPlayer selectedPlayer;
    private ArrayList<acPlayer> autoCompleteList;
    public autoComplBean() {
        selectedPlayer = new acPlayer();
        autoCompleteList = new ArrayList();
        autoCompleteList.add(new acPlayer("rodri", "martinez", 22));
        autoCompleteList.add(new acPlayer("junior", "martinez", 27));
        autoCompleteList.add(new acPlayer("rodri", "heredia", 25));
        autoCompleteList.add(new acPlayer("juan", "gonzales", 22));
        autoCompleteList.add(new acPlayer("prueba", "jugador", 23));
        autoCompleteList.add(new acPlayer("otro", "player", 27));
        autoCompleteList.add(new acPlayer("auto", "complete", 101));
        autoCompleteList.add(new acPlayer("ajax", "primefaces", 29));
    }
    public ArrayList<acPlayer> complete(String query){
        ArrayList<acPlayer> players = readPlayers(query);
        return players;
    }
    public ArrayList<acPlayer> readPlayers(String name){
        if(name.equals("")){
            return autoCompleteList;
        }
        else{
            ArrayList<acPlayer> result = new ArrayList();
            for (acPlayer current : autoCompleteList) {
                if(current.getName().startsWith(name)){
                    result.add(current);
                }
            }
            return result;
        }
    }
    public void setSelectedPlayer(acPlayer selectedPlayer) {
        this.selectedPlayer = selectedPlayer;
    }
    public void setAutoCompleteList(ArrayList<acPlayer> autoCompleteList) {
        this.autoCompleteList = autoCompleteList;
    }
    public acPlayer getSelectedPlayer() {
        return selectedPlayer;
    }
    public ArrayList<acPlayer> getAutoCompleteList() {
        return autoCompleteList;
    }
}
public class acPlayer {
    private String name;
    private String surname;
    private int age;
    public acPlayer() {
        name = "";
        surname = "";
        age = 0;
    }
    public acPlayer(String name, String surname, int age) {
        this.name = name;
        this.surname = surname;
        this.age = age;
    }
    // setters getters

您想获得带有附加信息的工具提示?这里有一个例子:http://www.primefaces.org/showcase/ui/autoCompleteItemtip.jsf

itemValue是bean中设置的值，itemLabel是在下拉框中显示的文本，对于工具提示，您需要使用facet name="itemtip":

<p:autoComplete value="#{autoComplBean.selectedPlayer}" 
   completeMethod="#{autoComplete.complete}" var="p" 
   itemLabel="#{p.name}" itemValue="#{p}" dropdown="true">
   <f:facet name="itemtip">
    #{p.name} #{p.surname} (#{p.age})
   </f:facet>
</p:autoComplete>

相关内容

最新更新

热门标签：