JSF - h: commandLink
La etiqueta h: commandLink representa un elemento "ancla" HTML.
Etiqueta JSF
<h:commandLink value = "Page 1" action = "page1" />
Salida renderizada
<a href = "#" onclick = "mojarra.jsfcljs(document.getElementById('j_idt13'),
{'j_idt13:j_idt14':'j_idt13:j_idt14'},'');return false">Page 1</a>
Atributos de etiqueta
| S. No | Atributo y descripción |
|---|---|
| 1 | id Identificador de un componente |
| 2 | binding Referencia al componente que se puede utilizar en un bean de respaldo |
| 3 | rendered Un booleano; falso suprime la representación |
| 4 | styleClass Nombre de clase de hoja de estilo en cascada (CSS) |
| 5 | value El valor de un componente, normalmente un valor vinculante |
| 6 | valueChangeListener Un método que se vincula a un método que responde a cambios de valor. |
| 7 | converter Nombre de la clase del convertidor |
| 8 | validator Nombre de clase de un validador que se crea y se adjunta a un componente |
| 9 | required Un booleano; si es verdadero, requiere que se ingrese un valor en el campo asociado |
| 10 | Accesskey Una clave, normalmente combinada con una metaclave definida por el sistema, que le da foco a un elemento |
| 11 | accept Lista de tipos de contenido separados por comas para un formulario |
| 12 | accept-charset Lista de codificaciones de caracteres separadas por comas o espacios para un formulario. losaccept-charset El atributo se especifica con el atributo HTML JSF denominado acceptcharset. |
| 13 | Alt Texto alternativo para elementos no textuales como imágenes o subprogramas |
| 14 | border Valor de píxel para el ancho del borde de un elemento |
| 15 | charset Codificación de caracteres para un recurso vinculado |
| dieciséis | coords Coordenadas de un elemento cuya forma es un rectángulo, círculo o polígono |
| 17 | dir Dirección del texto. Los valores válidos sonltr (de izquierda a derecha) y rtl (De derecha a izquierda) |
| 18 | hreflang Idioma base de un recurso especificado con el href atributo; hreflang solo se puede usar con href. |
| 19 | lang Idioma base de los atributos y el texto de un elemento |
| 20 | maxlength Número máximo de caracteres para campos de texto |
| 21 | readonly Estado de solo lectura de un campo de entrada; el texto se puede seleccionar en un campo de solo lectura pero no se puede editar |
| 22 | rel Relación entre el documento actual y un enlace especificado con el href atributo |
| 23 | rev Vínculo inverso del ancla especificado con hrefal documento actual. El valor del atributo es una lista de tipos de enlaces separados por espacios. |
| 24 | size Tamaño de un campo de entrada |
| 25 | style Información de estilo en línea |
| 26 | tabindex Valor numérico que especifica un índice de tabulación |
| 27 | target El nombre de un marco en el que se abre un documento |
| 28 | title Un título, usado para accesibilidad, que describe un elemento. Los navegadores visuales suelen crear información sobre herramientas para el valor del título |
| 29 | type Tipo de enlace; por ejemplo,stylesheet |
| 30 | width Ancho de un elemento |
| 31 | onblur El elemento pierde el foco |
| 32 | onchange Cambios en el valor del elemento |
| 33 | onclick Se hace clic en el botón del mouse sobre el elemento |
| 34 | ondblclick El botón del mouse se hace doble clic sobre el elemento |
| 35 | onfocus El elemento recibe atención |
| 36 | onkeydown Se presiona la tecla |
| 37 | onkeypress Se presiona la tecla y luego se suelta |
| 38 | onkeyup Se suelta la llave |
| 39 | onmousedown Se presiona el botón del mouse sobre el elemento |
| 40 | onmousemove El mouse se mueve sobre el elemento |
| 41 | onmouseout El mouse sale del área del elemento |
| 42 | onmouseover El mouse se mueve sobre un elemento |
| 43 | onmouseup Se suelta el botón del mouse |
| 44 | onreset El formulario se restablece |
| 45 | onselect El texto está seleccionado en un campo de entrada |
Aplicación de ejemplo
Creemos una aplicación JSF de prueba para probar la etiqueta anterior.
| Paso | Descripción |
|---|---|
| 1 | Cree un proyecto con un nombre helloworld en un paquete com.tutorialspoint.test como se explica en el capítulo JSF - Primera aplicación . |
| 2 | Modifique home.xhtml como se explica a continuación. Mantenga el resto de los archivos sin cambios. |
| 3 | Compile y ejecute la aplicación para asegurarse de que la lógica empresarial funcione según los requisitos. |
| 4 | Finalmente, compile la aplicación en forma de archivo war e impleméntela en Apache Tomcat Webserver. |
| 5 | Inicie su aplicación web utilizando la URL adecuada como se explica a continuación en el último paso. |
home.xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>JSF Tutorial!</title>
</head>
<body>
<h2>h:commandLink example</h2>
<hr />
<h:form>
<h:commandLink value = "Page 1" action = "page1" />
</h:form>
</body>
</html>
Una vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación como lo hicimos en JSF - Capítulo Primera aplicación. Si todo está bien con su aplicación, esto producirá el siguiente resultado.