Aulas
Disciplinas

Cursos / Informática para Internet / Desenvolvimento Web II / Aula

arrow_back Aula 13 - Introdução ao Primefaces

Configurando o Primefaces em uma Aplicação JSF - pt.2

Vamos incrementar nosso exemplo com uma segunda página que utiliza o componente p:autoComplete: um campo que autocompleta as informações digitadas pelos usuários. Nesse exemplo, criaremos um autoComplete de países. Primeiramente, vamos criar uma ManagedBean denominada PaisesMBean. Esse ManagedBean, apresentado na Listagem 3, contém um atributo denominado “pais” e um método “completar”. Assim que iniciarmos a digitação do nome do país, o método completar será executado para apresentar o nome completo.

​x
1
import java.util.ArrayList;
2
import java.util.List;
3
​
4
import javax.faces.bean.ManagedBean;
5
import javax.faces.bean.SessionScoped;
6
​
7
/**
8
* Managed Bean para autocompletar países.
9
* @author itamir.filho
10
*
11
*/
12
@ManagedBean
13
@SessionScoped
14
public class PaisesMBean {
15
​
16
    private String pais;
17
​
18
    /**
19
     * Método para
20
     * @param pais
21
     * @return
22
     */
23
    public List<String> completar(String pais) {
24
        List<String> resultado = new ArrayList<String>();
25
​
26
        List<String> paises = new ArrayList<String>();
27
        paises.add("BRASIL");
28
        paises.add("ESTADOS UNIDOS");
29
        paises.add("ALEMANHA");
30
        paises.add("ARGENTINA");
31
​
32
        for (String p : paises) {
33
            if(p.startsWith(pais.toUpperCase()))
34
                resultado.add(p);
35
        }
36
        return resultado;
37
    }
38
​
39
    public String getPais() {
40
        return pais;
41
    }
42
​
43
    public void setPais(String pais) {
44
        this.pais = pais;
45
    }
46
}
Listagem 3 - Código da classe PaisMBean

Criado o ManagedBean, vamos criar a página paises.xhtml. Essa página, que é apresentada na Listagem 4, utiliza o componente autocomplete do Primefaces (p:autoComplete). Observe, ainda na Listagem 4, que referenciamos o método de completar (completeMethod) e a variável (value) definidos no ManagedBean PaísesMBean. Essa é a ligação entre a view e o controller.

15
1
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml"
3
xmlns:h="http://java.sun.com/jsf/html"
4
xmlns:f="http://java.sun.com/jsf/core"
5
xmlns:p="http://primefaces.org/ui">
6
    <h:head>
7
        <title>Países</title>
8
    </h:head>
9
    <h:body>
10
        <h:form>
11
        Digite o seu país:
12
            <p:autoComplete value="#{paisesMBean.pais}" completeMethod="#{paisesMBean.completar}" />
13
        </h:form>
14
    </h:body>
15
</html>
Listagem 4 - Código da página paises.xhtml

Após a criação da classe PaisesMBean e da página países.xhtml, agora é só iniciar o Tomcat, e acessar o endereço http://localhost:8080/HelloPrime/paises.jsf. Ao fazer isso, você verá a tela apresentada na Figura 6.

Figura 06

Com isso, chegamos ao fim da nossa aula. E então, gostou do Primefaces? Viu como é fácil utilizá-lo em aplicações JSF? Existem diversos componentes do Primefaces que você poderá utilizar em suas aplicações. Para conhecer mais sobre eles, consulte as demonstrações em: http://www.primefaces.org/showcase/index.xhtml.

[A] Anterior
4/6
Próxima [D]

Sumário

Versão 5.3 - Todos os Direitos reservados