VW JSF :: Agregar componente Text Field al lienzo

Registrar a un usuario en un sitio Web con Visual Web JSF
Paso 3: Operativa

Vista - RegistroUsuario.jsp - Agregar componente Text Field al lienzo

Para situar un campo de texto en el lienzo, vamos a arrastrar el icono Text Field en dicho lienzo

NetBeans 6 - Agregar componente TextField al lienzo - Palette | Woodstock Basic | Text Field

En la propiedad id de la ventana Properties del componente Text Field, escribimos nombre.

En la propiedad columns de la ventana Properties del componente Text Field, escribimos 46.

Ahora vamos a asociar la etiqueta lblNombre con el campo de texto. Para ello seleccionamos la etiqueta y realizamos la combinación de teclas Ctrl + shift y arrastramos con el ratón hasta alcanzar el campo de texto.

Como podemos observar la propiedad for de la etiqueta lblNombre, indica que lblNombre está asociada a nombre

NetBeans 6 - Asociar componente Label a componente TextField

Debido a que es obligatorio que el usuario introduzca un valor en este campo de texto, vamos a marcar la casilla de verificación required.

Como podemos observar detrás del literal Nombre ha aparecido un asterisco (*) indicando que el campo de texto es requerido.

NetBeans 6 - Agregar componente TextField al lienzo - Palette | Woodstock | Properties | required

Esta es la página JSP RegistroUsuario.jsp que ha ampliado el asistente de NetBeans

<?xml version="1.0" encoding="UTF-8"?>

<jsp:root version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:jsp="http://java.sun.com/JSP/Page"
          xmlns:webuijsf="http://www.sun.com/webui/webuijsf"
>
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
  <f:loadBundle basename="paqregusuariovwjsf.Bundle" var="mensajes"/>
  <webuijsf:page id="page1">
   <webuijsf:html id="html1">
    <webuijsf:head id="head1" title="Registro Usuaro">
     <webuijsf:link id="link1" url="/resources/stylesheet.css"/>
    </webuijsf:head>
    <webuijsf:body id="body1" style="-rave-layout: grid">
     <webuijsf:form id="form1">
      <webuijsf:staticText id="stxRegistroUsuario"
                           style="left: 24px; top: 24px; position: absolute"                            text="#{mensajes.literal_registroUsurario}"
      />
     <webuijsf:staticText id="stxCamposRequeridos"
                          style="left: 210px; top: 40px; position: absolute"                           text="#{mensajes.literal_camposRequeridos}"
     />
     <webuijsf:label for="nombre"
                     id="lblNombre"
                     style="left: 28px; top: 80px; position: absolute"                      text="#{mensajes.literal_nombre}"
     />
     <webuijsf:textField required="true"
                         id="nombre"
                         style="left: 28px; top: 100px; position: absolute"
     />
     </webuijsf:form>
    </webuijsf:body>
   </webuijsf:html>
  </webuijsf:page>
</f:view>
</jsp:root>

<webuijsf:label for="textField1"
- el atributo for indica que label1 está asociado a texField1
<webuijsf:textField required="true"
- el atributo required indica que el contenido de texField1 tiene que ser mayor que cero

Ignasi Pérez Valls
Infosintesis Solutions Group

Junio 2009

Fundamentos Spring

JavaDabbaDoo.org
Tu comunidad Java parlante. Cursos abiertos, tutoriales y mucho mucho más ...


	Implementar MVC - VW JSF
Inicio \| Cursos infosintesis.net liberados \| Java EE \| Registrar a un usuario en un sitio Web con Visual Web JSF