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 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 icon icone do item do menu
index.xhtml <?xml version='1.0' encoding='utf 8'?> <!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 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 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