SlideShare una empresa de Scribd logo
Eric Gustavo Coronel Castillo
gcoronelc.blogspot.com
gcoronelc@gmail.com
JAVA SERVER FACES
COMPONENTES HTML
Temas
 Listado de componentes
 Menú de selección
 Paneles
 Tablas
 Demo
LISTADO DE COMPONENTES
 Librería
xmlns:h=http://java.sun.com/jsf/html
 Componentes
<h:column> <h:commandButton> <h:commandLink>
<h:dataTable> <h:form> <h:graphicImage>
<h:inputHidden> <h:inputSecret> <h:inputText>
<h:inputTextarea> <h:message> <h:messages>
<h:outputFormat> <h:outputLabel> <h:outputLink>
<h:outputText> <h:panelGrid> <h:panelGroup>
<h:selectBooleanCheckbox> <h:selectManyCheckbox> <h:selectManyListbox>
<h:selectManyMenu> <h:selectOneListbox> <h:selectOneMenu>
<h:selectOneRadio>
MENU DE SELECCIÓN
Caso 01
<h:outputLabel value="Producto:"/>
<h:selectOneMenu value="#{venta.codigo}">
<f:selectItem itemValue="A000" itemLabel="Seleccione un producto" />
<f:selectItem itemValue="A001" itemLabel="Computadora" />
<f:selectItem itemValue="A002" itemLabel="Impresora" />
<f:selectItem itemValue="A003" itemLabel="Laptop" />
<f:selectItem itemValue="A004" itemLabel="Disco duro" />
</h:selectOneMenu>
MENU DE SELECCIÓN
Caso 02
<h:outputLabel value="Producto:"/>
<h:selectOneMenu value="#{venta.codigo}">
<f:selectItem itemValue="A000" itemLabel="Seleccione un producto" />
<f:selectItems value="#{venta.productos}" />
</h:selectOneMenu>
En este caso venta.productos representa una colección de
objetos SelectItem.
MENU DE SELECCIÓN
Caso 03
<h:outputLabel value="Producto:"/>
<h:selectOneMenu value="#{venta.codigo}">
<f:selectItem itemValue="A000" itemLabel="Seleccione un producto" />
<f:selectItems value="#{venta.productos}"
var="r"
itemValue="#{r.codigo}"
itemLabel="#{r.codigo} - #{r.nombre}" />
</h:selectOneMenu>
En este caso venta.productos representa una colección de
objetos ProductoBean.
PANELES
<h:panelGrid columns="2" border="1">
<f:facet name="header">
<h:outputText value="Tabla con números"/>
</f:facet>
. . .
. . .
. . .
<f:facet name="footer">
<h:outputText value="Pie de tabla" />
</f:facet>
</h:panelGrid>
TABLAS
<h:dataTable value="${Coleccion}" var="item">
<h:column>
<f:facet name="header">
<h:outputText value=“Titulo" />
</f:facet>
<h:outputText value="#{item.propiedad}" />
</h:column>
. . .
. . .
</h:dataTable>
DEMO
https://goo.gl/v53pSS
Eric Gustavo Coronel Castillo
gcoronelc.blogspot.com
gcoronelc@gmail.com
JAVA SERVER FACES
Gracias

Más contenido relacionado

La actualidad más candente (16)

PDF
PHPVigo #16 - Lightning filter input
Rolando Caldas
 
DOC
Formulario Para Agregar Cliente
jameszx
 
PPT
05 sentencias basicas
Carlos
 
DOCX
Lógica difusa utilizando matlab para un control de voltajes de un motor
camaleon81
 
DOC
06 guiados combos_modelos Java
Jomar Burgos Palacios
 
ODP
Depuradores
Juan Carlos Herencia
 
DOC
Barra de menús
Cristina1139
 
TXT
Serie Fibonacci en C
Abraham
 
PDF
Laboratorio1 entrada-salida de datos / Lenguance C
Alejandro Enrique Téllez López
 
PPTX
Exposicion progra4
Veronica Angamarca
 
DOCX
Clase 07
yusi rios
 
DOC
Trabajo de ejercicios de lenguaje c
oswnes92
 
DOCX
Divisores de un número (código Dev C++)
Jonathan Fabrizzio Argüello Valle
 
PDF
Introducción a TDD y PHPUnit
Daniel González Cerviño
 
PDF
Ejercicios de consola en c++
Richard Galan Malca
 
PHPVigo #16 - Lightning filter input
Rolando Caldas
 
Formulario Para Agregar Cliente
jameszx
 
05 sentencias basicas
Carlos
 
Lógica difusa utilizando matlab para un control de voltajes de un motor
camaleon81
 
06 guiados combos_modelos Java
Jomar Burgos Palacios
 
Barra de menús
Cristina1139
 
Serie Fibonacci en C
Abraham
 
Laboratorio1 entrada-salida de datos / Lenguance C
Alejandro Enrique Téllez López
 
Exposicion progra4
Veronica Angamarca
 
Clase 07
yusi rios
 
Trabajo de ejercicios de lenguaje c
oswnes92
 
Divisores de un número (código Dev C++)
Jonathan Fabrizzio Argüello Valle
 
Introducción a TDD y PHPUnit
Daniel González Cerviño
 
Ejercicios de consola en c++
Richard Galan Malca
 

Destacado (7)

PDF
JAVA SERVER FACES - LECCION 01 - PRIMEROS PASOS
Eric Gustavo Coronel Castillo
 
PDF
Java Fundamentos - Programación Orientada a Servicios
Eric Gustavo Coronel Castillo
 
PDF
Java Web Lección 02 - JSP
Eric Gustavo Coronel Castillo
 
PDF
Java web 01 - servlets
Eric Gustavo Coronel Castillo
 
PDF
JAVA SERVER FACES - LECCION 02 - NAVEGACION Y LENGUAJES DE EXPRESIONES
Eric Gustavo Coronel Castillo
 
PDF
Java Web Lección 03 - MVC
Eric Gustavo Coronel Castillo
 
PDF
Manual de Open Shift
Eric Gustavo Coronel Castillo
 
JAVA SERVER FACES - LECCION 01 - PRIMEROS PASOS
Eric Gustavo Coronel Castillo
 
Java Fundamentos - Programación Orientada a Servicios
Eric Gustavo Coronel Castillo
 
Java Web Lección 02 - JSP
Eric Gustavo Coronel Castillo
 
Java web 01 - servlets
Eric Gustavo Coronel Castillo
 
JAVA SERVER FACES - LECCION 02 - NAVEGACION Y LENGUAJES DE EXPRESIONES
Eric Gustavo Coronel Castillo
 
Java Web Lección 03 - MVC
Eric Gustavo Coronel Castillo
 
Manual de Open Shift
Eric Gustavo Coronel Castillo
 
Publicidad

Similar a JAVA SERVER FACES - LECCION 03 - COMPONENTES HTML (20)

PPTX
Etiquetas básicas jsf
lauritat_9
 
PPTX
Javaserver Faces (jsf)
Enrique Polo
 
PPTX
Ejercicio basico jsf’s
ayreonmx
 
PPTX
Java swing listas
frank yordi tejada sanchez
 
PPTX
Etiquetas básicas jsf
lauritat_9
 
PDF
Swin01
Robert Wolf
 
DOC
Java básico menu
jbersosa
 
DOCX
Plan menus swing
Alice5253
 
PDF
Taller desarrollo web
Josue Cucaita Murcia
 
PDF
Guis_en_java_6pp.pdf
AnaLpez275
 
PDF
Java
jbersosa
 
PPTX
Programación java - Diseño de Menús y submenús.
Jean Tapuy
 
PDF
Tips componentes swing_v5
ggzhack
 
PDF
Guis en java-1pp_2012_
Robert Wolf
 
PPT
Curso richfaces 3.3.3 I
eclaudioaugusto
 
PDF
primefaces cortesia del portal de java
Salvador Olivares
 
PPTX
Confección de interfaces de usuario con JAVA - SWING
Jose Benítez Andrades
 
PPTX
DISEÑO DE MENUS Y SUBMENUS
William Rafael Tantalean
 
PPTX
Gui interfaz gráfica de usuario javax.swing y java.awt
carlosAhumada_12
 
Etiquetas básicas jsf
lauritat_9
 
Javaserver Faces (jsf)
Enrique Polo
 
Ejercicio basico jsf’s
ayreonmx
 
Java swing listas
frank yordi tejada sanchez
 
Etiquetas básicas jsf
lauritat_9
 
Swin01
Robert Wolf
 
Java básico menu
jbersosa
 
Plan menus swing
Alice5253
 
Taller desarrollo web
Josue Cucaita Murcia
 
Guis_en_java_6pp.pdf
AnaLpez275
 
Java
jbersosa
 
Programación java - Diseño de Menús y submenús.
Jean Tapuy
 
Tips componentes swing_v5
ggzhack
 
Guis en java-1pp_2012_
Robert Wolf
 
Curso richfaces 3.3.3 I
eclaudioaugusto
 
primefaces cortesia del portal de java
Salvador Olivares
 
Confección de interfaces de usuario con JAVA - SWING
Jose Benítez Andrades
 
DISEÑO DE MENUS Y SUBMENUS
William Rafael Tantalean
 
Gui interfaz gráfica de usuario javax.swing y java.awt
carlosAhumada_12
 
Publicidad

Más de Eric Gustavo Coronel Castillo (20)

PDF
Model View Controller - MVC
Eric Gustavo Coronel Castillo
 
PDF
JavaServer Page
Eric Gustavo Coronel Castillo
 
PDF
Java Web: Servlets
Eric Gustavo Coronel Castillo
 
PDF
Java Web - Presentación
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - EXCEPCIONES
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - COLECCIONES
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - ARREGLOS
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - INTERFACES
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - HERENCIA
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - ALCANCE DE CLASE
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - SOBRECARGA
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - MIEMBROS DE CLASE
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - CLASES Y OBJETOS
Eric Gustavo Coronel Castillo
 
PDF
Cursos Virtuales con Gustavo Coronel en UDEMY
Eric Gustavo Coronel Castillo
 
PDF
JAVA ORIENTADO A OBJETOS - INTRODUCCIÓN
Eric Gustavo Coronel Castillo
 
PDF
Buenas practicas para el Desarrollo de Software
Eric Gustavo Coronel Castillo
 
PDF
JAVA OO - TEMA 08 - COLECCIONES
Eric Gustavo Coronel Castillo
 
PDF
EL MODELO DIRECTO DE DELL: TODO LO QUE HAY SOBRE LA INFORMACION
Eric Gustavo Coronel Castillo
 
Model View Controller - MVC
Eric Gustavo Coronel Castillo
 
Java Web: Servlets
Eric Gustavo Coronel Castillo
 
Java Web - Presentación
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - EXCEPCIONES
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - COLECCIONES
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - ARREGLOS
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - INTERFACES
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - HERENCIA
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - ALCANCE DE CLASE
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - SOBRECARGA
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - MIEMBROS DE CLASE
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - CLASES Y OBJETOS
Eric Gustavo Coronel Castillo
 
Cursos Virtuales con Gustavo Coronel en UDEMY
Eric Gustavo Coronel Castillo
 
JAVA ORIENTADO A OBJETOS - INTRODUCCIÓN
Eric Gustavo Coronel Castillo
 
Buenas practicas para el Desarrollo de Software
Eric Gustavo Coronel Castillo
 
JAVA OO - TEMA 08 - COLECCIONES
Eric Gustavo Coronel Castillo
 
EL MODELO DIRECTO DE DELL: TODO LO QUE HAY SOBRE LA INFORMACION
Eric Gustavo Coronel Castillo
 

Último (6)

PPTX
sistemas información caracteríaticas-1.pptx
forozco17fo2
 
PPT
ONSULTA A PARTIR DE MULTIPLES TABLAS .ppt
42982335
 
PPTX
Tema6 estructuras condicionales básicas pseint.pptx
lmcsenatic
 
PPTX
Presentacion Python en Microbit (Primeros pasos)
rcamilot
 
PDF
AU-COMO INICIAR SESIÓN EN ANYDESK CON CRTL+ALT+SUP DESHABILITADO.pdf
Serviciojat
 
PDF
Variacion ciclica .pdf untumbes estadística
130021222
 
sistemas información caracteríaticas-1.pptx
forozco17fo2
 
ONSULTA A PARTIR DE MULTIPLES TABLAS .ppt
42982335
 
Tema6 estructuras condicionales básicas pseint.pptx
lmcsenatic
 
Presentacion Python en Microbit (Primeros pasos)
rcamilot
 
AU-COMO INICIAR SESIÓN EN ANYDESK CON CRTL+ALT+SUP DESHABILITADO.pdf
Serviciojat
 
Variacion ciclica .pdf untumbes estadística
130021222
 

JAVA SERVER FACES - LECCION 03 - COMPONENTES HTML

  • 1. Eric Gustavo Coronel Castillo gcoronelc.blogspot.com [email protected] JAVA SERVER FACES COMPONENTES HTML
  • 2. Temas  Listado de componentes  Menú de selección  Paneles  Tablas  Demo
  • 3. LISTADO DE COMPONENTES  Librería xmlns:h=http://java.sun.com/jsf/html  Componentes <h:column> <h:commandButton> <h:commandLink> <h:dataTable> <h:form> <h:graphicImage> <h:inputHidden> <h:inputSecret> <h:inputText> <h:inputTextarea> <h:message> <h:messages> <h:outputFormat> <h:outputLabel> <h:outputLink> <h:outputText> <h:panelGrid> <h:panelGroup> <h:selectBooleanCheckbox> <h:selectManyCheckbox> <h:selectManyListbox> <h:selectManyMenu> <h:selectOneListbox> <h:selectOneMenu> <h:selectOneRadio>
  • 4. MENU DE SELECCIÓN Caso 01 <h:outputLabel value="Producto:"/> <h:selectOneMenu value="#{venta.codigo}"> <f:selectItem itemValue="A000" itemLabel="Seleccione un producto" /> <f:selectItem itemValue="A001" itemLabel="Computadora" /> <f:selectItem itemValue="A002" itemLabel="Impresora" /> <f:selectItem itemValue="A003" itemLabel="Laptop" /> <f:selectItem itemValue="A004" itemLabel="Disco duro" /> </h:selectOneMenu>
  • 5. MENU DE SELECCIÓN Caso 02 <h:outputLabel value="Producto:"/> <h:selectOneMenu value="#{venta.codigo}"> <f:selectItem itemValue="A000" itemLabel="Seleccione un producto" /> <f:selectItems value="#{venta.productos}" /> </h:selectOneMenu> En este caso venta.productos representa una colección de objetos SelectItem.
  • 6. MENU DE SELECCIÓN Caso 03 <h:outputLabel value="Producto:"/> <h:selectOneMenu value="#{venta.codigo}"> <f:selectItem itemValue="A000" itemLabel="Seleccione un producto" /> <f:selectItems value="#{venta.productos}" var="r" itemValue="#{r.codigo}" itemLabel="#{r.codigo} - #{r.nombre}" /> </h:selectOneMenu> En este caso venta.productos representa una colección de objetos ProductoBean.
  • 7. PANELES <h:panelGrid columns="2" border="1"> <f:facet name="header"> <h:outputText value="Tabla con números"/> </f:facet> . . . . . . . . . <f:facet name="footer"> <h:outputText value="Pie de tabla" /> </f:facet> </h:panelGrid>
  • 8. TABLAS <h:dataTable value="${Coleccion}" var="item"> <h:column> <f:facet name="header"> <h:outputText value=“Titulo" /> </f:facet> <h:outputText value="#{item.propiedad}" /> </h:column> . . . . . . </h:dataTable>
  • 11. Eric Gustavo Coronel Castillo gcoronelc.blogspot.com [email protected] JAVA SERVER FACES Gracias