PrimeFaces
Propaganda
Introdução Componentes básicos Componentes avançados PrimeFaces Prof. Enzo Seraphim 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). – www.primefaces.org/showcase 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 → primefaces Introdução Componentes básicos Componentes avançados PrimeFaces Prof. Enzo Seraphim 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:dataTable Tags 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. p:messages → Mostra todas mensagens 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 muiltiplas seleções. 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. p:column → Coluna em uma dataTable Introdução Componentes básicos Componentes avançados PrimeFaces Prof. Enzo Seraphim p:menu/p:submenu/p:menuitem p:menu → define menu ▼ p:submenu → define submenu ▼ – ▼ p:menuitem → define item de menu – – – – ▼ label → rótulo do submenu value → rótulo do item do menu actionListener → redireciona p/método bean url → redireciona p/link externo outcome → redireciona p/link interno icon → icone do item do menu <?xml version='1.0' encoding='UTF­8' ?> index.xhtml <!DOCTYPE html PUBLIC "­//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1­transitional.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> p:menu/p:submenu/p:menuitem p:menu → define menu ▼ p:submenu → define submenu ▼ – ▼ p:menuitem → define item de menu – – – – ▼ label → rótulo do submenu value → rótulo do item do menu actionListener → redireciona p/método bean url → redireciona p/link externo outcome → redireciona p/link interno icon → icone do item do menu 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. PrimeFaces Prof. Enzo Seraphim
