JSF - interface utilisateur: supprimer le tag

ui: remove balise est utilisée pour empêcher le code spécifique JSF d'être rendu côté client. Il est notamment utilisé pour empêcher le rendu du code commenté côté client.

Balise JSF commentée à l'aide d'un commentaire HTML

<!-- JSF code commented out -->
<!-- 
<h:commandButton value = "Ok" />  
-->

Sortie rendue

<!-- JSF code commented out -->
<!-- 
&lt;h:commandButton value = &quot;Ok&quot; /&gt;  
-->

Maintenant, en utilisant la balise remove, nous verrons le changement suivant dans la sortie rendue.

Balise JSF commentée à l'aide de Remove Tag

<!-- JSF code commented out -->
<ui:remove>
   <h:commandButton value = "Ok" />  
</ui:remove>

Sortie rendue

<!-- JSF code commented out -->

Exemple d'application

Créons une application de test JSF pour tester les balises de modèle dans JSF.

É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

<?xml version = "1.0" encoding = "UTF-8"?>
<!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"   
   xmlns:h = "http://java.sun.com/jsf/html"
   xmlns:ui = "http://java.sun.com/jsf/facelets">
   
   <h:head>
      <title>JSF tutorial</title>			
   </h:head>
   
   <h:body>	
      <ui:remove>
         <h:commandButton value = "Ok" />  
      </ui:remove>
      
      <!--
         <h:commandButton value = "Cancel" />  
      -->
   </h: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, vous verrez une page vide.

Consultez la source de la page et vous verrez le texte html suivant.

home.jsf

<?xml version = "1.0" encoding = "UTF-8"?>
<!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>
      <!--
         &lt;h:commandButton value = &quot;Cancel&quot; /&gt;  
      -->
   </body>
</html>