JSF - h: outputLink

La balise h: outputLink rend un élément HTML "anchor".

Balise JSF

<h:outputLink value = "page1.jsf" >Page 1</h:outputLink>

Sortie rendue

<a href = "page1.jsf">Page 1</a>

Attributs de balise

S. Non	Attribut et description
1	id Identifiant d'un composant
2	binding Référence au composant qui peut être utilisé dans un backing bean
3	rendered Un booléen; false supprime le rendu
4	styleClass Nom de classe de feuille de style en cascade (CSS)
5	value La valeur d'un composant, généralement une liaison de valeur
6	valueChangeListener Une méthode qui se lie à une méthode qui répond aux changements de valeur
sept	converter Nom de la classe de convertisseur
8	validator Nom de classe d'un validateur créé et attaché à un composant
9	required Un booléen; si vrai, nécessite la saisie d'une valeur dans le champ associé
dix	accesskey Une clé, généralement combinée à une métakey définie par le système, qui donne le focus à un élément
11	accept Liste des types de contenu séparés par des virgules pour un formulaire
12	accept-charset Liste de codages de caractères séparés par des virgules ou des espaces pour un formulaire. leaccept-charset l'attribut est spécifié avec l'attribut HTML JSF nommé acceptcharset.
13	alt Texte alternatif pour les éléments non textuels tels que des images ou des applets
14	border Valeur de pixel pour la largeur de bordure d'un élément
15	charset Codage de caractères pour une ressource liée
16	coords Coordonnées d'un élément dont la forme est un rectangle, un cercle ou un polygone
17	dir Direction du texte. Les valeurs valides sontltr (de gauche à droite) et rtl (de droite à gauche)
18	hreflang Langue de base d'une ressource spécifiée avec le href attribut; hreflang ne peut être utilisé qu'avec href.
19	lang Langue de base des attributs et du texte d'un élément
20	maxlength Nombre maximum de caractères pour les champs de texte
21	readonly État en lecture seule d'un champ d'entrée; le texte peut être sélectionné dans un champ en lecture seule mais pas modifié
22	rel Relation entre le document courant et un lien spécifié avec le href attribut
23	rev Lien inverse à partir de l'ancre spécifiée avec hrefau document actuel. La valeur de l'attribut est une liste de types de liens séparés par des espaces
24	size Taille d'un champ de saisie
25	style Informations de style en ligne
26	tabindex Valeur numérique spécifiant un index de tabulation
27	target Le nom d'un cadre dans lequel un document est ouvert
28	title Un titre, utilisé pour l'accessibilité, qui décrit un élément. Les navigateurs visuels créent généralement des info-bulles pour la valeur du titre
29	type Type de lien; par exemple,stylesheet
30	width Largeur d'un élément
31	onblur L'élément perd le focus
32	onchange Changements de valeur de l'élément
33	onclick Le bouton de la souris est cliqué sur l'élément
34	ondblclick Le bouton de la souris est double-cliqué sur l'élément
35	onfocus L'élément reçoit le focus
36	onkeydown La touche est enfoncée
37	onkeypress La touche est enfoncée puis relâchée
38	onkeyup La clé est libérée
39	onmousedown Le bouton de la souris est enfoncé sur l'élément
40	onmousemove La souris se déplace sur l'élément
41	onmouseout La souris quitte la zone de l'élément
42	onmouseover La souris se déplace sur un élément
43	onmouseup Le bouton de la souris est relâché
44	onreset Le formulaire est réinitialisé
45	onselect Le texte est sélectionné dans un champ de saisie

Exemple d'application

Créons une application JSF de test pour tester la balise ci-dessus.

Étape	La description
1	Créez un projet avec un nom helloworld sous un package com.tutorialspoint.test comme expliqué dans le chapitre JSF - Première application .
2	Modifiez home.xhtml comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3	Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences.
4	Enfin, créez l'application sous la forme d'un fichier war et déployez-la dans Apache Tomcat Webserver.
5	Lancez votre application Web en utilisant l'URL appropriée, comme expliqué ci-dessous à la dernière étape.

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:outputLink example</h2>
      <hr />
      
      <h:form>
         <h:outputLink value = "page1.jsf" >Page 1</h:outputLink>
      </h:form>
   </body>
</html>

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application comme nous l'avons fait dans le chapitre JSF - Première application. Si tout va bien avec votre application, cela produira le résultat suivant.