Introdução. Componentes básicos. Componentes avançados. PrimeFaces. Prof. Enzo Seraphim

Tamanho: px

Começar a partir da página:

Download "Introdução. Componentes básicos. Componentes avançados. PrimeFaces. Prof. Enzo Seraphim"

Júlio Alencastre Caetano
8 Há anos
Visualizações:

1 Introdução Componentes básicos Componentes avançados PrimeFaces Prof. Enzo Seraphim

2 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).

3 Namespace primefaces Namespace a página JSF: <html xmlns=" xmlns:h=" xmlns:f=" xmlns:ui=" xmlns:p=" h html f core jsf ui facelets p primefaces

4 Introdução Componentes básicos Componentes avançados PrimeFaces Prof. Enzo Seraphim

5 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

6 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

7 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.

8 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

9 Introdução Componentes básicos Componentes avançados PrimeFaces Prof. Enzo Seraphim

10 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

11 index.xhtml <?xml version='1.0' encoding='utf 8'?> <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <ui:composition xmlns=" xmlns:ui=" xmlns:p=" xmlns:h=" 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>

12 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

13 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

Documentos relacionados

Introdução. <facelets> Templates. Configurações. Componentes. Prof. Enzo Seraphim

Introdução. <facelets> Templates. Configurações. Componentes. Prof. Enzo Seraphim Introdução Templates Configurações Componentes Prof. Enzo Seraphim Definição Linguagem de descrição de páginas (PDL Page Description Language) criada para JSF. Estabelece templates que suportam