JSF - h: outputFormat

Il tag h: outputFormat restituisce un testo HTML ma può accettare input parametrizzati.

Tag JSF

<h:outputFormat value = "parameter 1 : {0}, parameter 2 : {1}" > 
   <f:param value = "Item 1" /> 
   <f:param value = "Item 2" /> 
</h:outputFormat>

Output renderizzato

parameter 1 : Item 1, parameter 2 : Item 2

Attributi dei tag

S.No	Attributo e descrizione
1	id Identificatore per un componente
2	binding Riferimento al componente che può essere utilizzato in un backing bean
3	rendered Un booleano; false sopprime il rendering
4	styleClass Nome della classe CSS (Cascading stylesheet)
5	value Il valore di un componente, in genere un'associazione di valori
6	converter Nome della classe del convertitore
7	style Informazioni sullo stile in linea
8	title Un titolo, utilizzato per l'accessibilità, che descrive un elemento. I browser visivi in genere creano suggerimenti per il valore del titolo

Applicazione di esempio

Creiamo un'applicazione JSF di prova per testare il tag precedente.

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

<!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:outputFormat example</h2>
      <hr />
      
      <h:form>
         <h3>Text</h3>
         <h:outputFormat value = "parameter 1 : {0}, parameter 2 : {1}" >
            <f:param value = "Item 1" />
            <f:param value = "Item 2" />
         </h:outputFormat>	
      </h:form>
   
   </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, questo produrrà il seguente risultato.