PrimeFaces
Prof. Enzo SeraphimComponentes básicos
Introdução
Componentes avançados
PrimeFaces
▼
Biblioteca de componentes de
código aberto para JavaServer
Faces, desenvolvido pela Prime
Tecnologia.
– Iniciado em 23 de novembro de 2008 pelo turco Çağatay Civici.
▼
Fornece um conjunto de
componentes principalmente
visuais (widgets).
Namespace primefaces
▼ Namespace a página JSF: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui"> ▼ h → html ▼ f → core jsf ▼ ui → facelets ▼ p → primefacesPrimeFaces
Prof. Enzo SeraphimComponentes básicos
Introdução
Componentes avançados
Namespace primefaces
▼ Componentes semelhantes jsf/html: p:inputText → h:inputText p:inputTextarea → h:inputTextArea p:password → h:inputSecret p:outputLabel → h:outputLabel p:commandButton → h:commandButton p:commandLink → h:commandLink p:messages → h:messages p:selectOneListbox → h:selectOneListbox p:selectOneListbox → h:selectOneMenu p:selectOneRadio → h:selectOneRadio p:selectBooleanCheckbox → h:selectBooleanCheckbox p:selectManyCheckbox → h:selectManyCheckbox p:selectManyListbox → h:selectManyListbox p:selectManyMenu → h:selectManyMenu p:panelGrid → h:panelGrid p:dataTable → h:dataTableTags Primefaces
▼ p:inputText → Entrada de uma linha de
texto
▼ p:inputTextArea → Entrada de várias
linhas de texto.
▼ p:password → Entrada de Texto para
senha
▼ p:outputLabel → Label para componente ▼ p:commandButton → Botões formulário:
submit, reset, or pushbutton.
▼ p:commandLink → Link que atua com o
pushbutton.
Tags Primefaces
▼ p:selectOneListbox → Lista de seleção
única.
▼ p:selectOneMenu → Menu de seleção
única
▼ p:selectOneRadio → Radio buttons.
▼ p:selectBooleanCheckbox → Checkbox. ▼ p:selectManyCheckbox → Lista de
Checkboxes.
▼ p:selectManyListbox → Lista de seleção
multiplas
▼ p:selectManyMenu → Menu com
Tags Primefaces
▼ p:panelGrid → tabela HTML
▼ p:dataTable → Pode exibir objetos de
uma coleção ou de um vetor. Cada objeto representa uma linha na tabela e as
colunas correspondem variáveis de instância no objeto.
PrimeFaces
Prof. Enzo SeraphimComponentes básicos
Introdução
Componentes avançados
p:menu/p:submenu/p:menuitem
▼
p:menu → define menu
▼
p:submenu → define submenu
– label → rótulo do submenu
▼
p:menuitem → define item de menu
– value → rótulo do item do menu
– actionListener → redireciona p/método bean
– url → redireciona p/link externo
– outcome → redireciona p/link interno
<?xml version='1.0' encoding='UTF8' ?>
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui" xmlns:h="http://xmlns.jcp.org/jsf/html" template="./template.xhtml"> <ui:define name="left">
<h:form> <p:menu>
<p:submenu label="Arquivo"> <p:menuitem value="novo" /> <p:menuitem value="salvar" /> </p:submenu>
<p:submenu label="Editar">
<p:menuitem value="recortar" /> <p:menuitem value="copiar" /> <p:menuitem value="colar" /> </p:submenu>
<p:submenu label="Ajuda"> <p:menuitem value="sobre" /> </p:submenu> </p:menu> </h:form> </ui:define> </ui:composition> in de x. xh tm l
p:menu/p:submenu/p:menuitem
▼
p:menu → define menu
▼
p:submenu → define submenu
– label → rótulo do submenu
▼
p:menuitem → define item de menu
– value → rótulo do item do menu
– actionListener → redireciona p/método bean
– url → redireciona p/link externo
– outcome → redireciona p/link interno
PrimeFaces
Prof. Enzo Seraphim
Os logotipos, marcas comerciais e nomes de produtos citados nesta publicação tem apenas
o propósitos de
identificação e podem ser marcas registradas
de suas respectivas companhias.