JSF - ui: rimuovi tag

ui: il tag di rimozione viene utilizzato per impedire il rendering del codice specifico JSF sul lato client. Viene utilizzato soprattutto per impedire che il codice commentato venga visualizzato sul lato client.

Tag JSF commentato utilizzando commento HTML

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

Output renderizzato

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

Ora utilizzando il tag di rimozione vedremo la seguente modifica nell'output renderizzato.

Tag JSF commentato utilizzando Rimuovi tag

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

Output renderizzato

<!-- JSF code commented out -->

Applicazione di esempio

Creiamo un'applicazione JSF di prova per testare i tag del modello in JSF.

Passo Descrizione
1 Creare un progetto con un nome helloworld sotto un pacchetto com.tutorialspoint.test come spiegato nel capitolo JSF - Prima applicazione .
2 Modifica home.xhtml come spiegato di seguito. Mantieni il resto dei file invariato.
3 Compilare ed eseguire l'applicazione per assicurarsi che la logica aziendale funzioni secondo i requisiti.
4 Infine, crea l'applicazione sotto forma di file war e distribuiscila nel server Web Apache Tomcat.
5 Avvia la tua applicazione web utilizzando l'URL appropriato come spiegato di seguito nell'ultimo passaggio.

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>

Una volta che sei pronto con tutte le modifiche apportate, compiliamo ed eseguiamo l'applicazione come abbiamo fatto nel capitolo JSF - Prima applicazione. Se tutto va bene con la tua applicazione, vedrai una pagina vuota.

Visualizza l'origine della pagina e vedrai il seguente testo html.

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>