在 primefaces 自动完成组件上制作示例时遇到问题答案

【问题标题】：Trouble on making example on primefaces autocomplete component在 primefaces 自动完成组件上制作示例时遇到问题
【发布时间】：2014-03-26 21:49:56
【问题描述】：

我正在学习如何使用 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

【问题讨论】：

标签： java ajax jsf primefaces autocomplete

【解决方案1】：

您想获得带有附加信息的工具提示吗？有一个例子：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>

【讨论】：

我不认为物品提示是他想要的。输入玩家姓名时，他根本没有得到任何结果。
@Rosty 他写道，他希望对玩家有提示，对我来说听起来像是工具提示。