Show suggestions while typing autocomplete

Question

I got the following autoComplete :

<p:autoComplete id="geracao" value="#{habilidademb.habilidade.geracao}"
    completeMethod="#{habilidademb.listarGeracoes()}"
    dropdown="true" var="bean" itemLabel="#{bean.nome}" 
    itemValue="#{bean}" converter="#{geracaoConverter}" effect="bounce"/>

When I’m typing in it, it opens all the options and marks the ones that match the text I’m typing. I would like it only to show the options that match my text. How can I do that? Mine completeMethod is:

public List<Geracao> listarGeracoes() throws Exception 
{    
    this.geracoes = gDao.findAll();
    return this.geracoes;
}

Answer 1

You can try the following:

public List<Geracao> listarGeracoes(String query) throws Exception
{
    /*
     * 1a. Opção: fazer um método no seu dao para buscar por nome diretamente no banco
     */
    //return gDao.buscarPorNome(query);

    /*
     * 2a. Opção: filtrar os resultados com base na query
     */
    List<Geracao> retorno = new ArrayList<Geracao>();
    for (Geracao g : gDao.findAll()) {
        String teste = g.getNome();
        if (teste.toLowerCase().contains(query.toLowerCase())) {
            retorno.add(g);
        }
    }
    return retorno;
}

And in your autocomplete, modify the completeMethod="#{habilidademb.listarGeracoes}" and add minQueryLength="3" to search from 3 characters.