JSF - h: messaggi
Il tag h: messages mostra tutti i messaggi in un punto corrispondente agli elementi dell'interfaccia utente.
Tag JSF
<h:messages style = "color:red;margin:8px;" />
Output renderizzato
Caso: il nome utente inserito contiene più di 20 caratteri e la password inserita è inferiore a 5 caratteri.
<ul style = "color:red;margin:8px;">
<li> UserName: Validation Error:
Length is greater than allowable maximum of '20' </li>
<li> Password: Validation Error:
Length is less than allowable minimum of '5' </li>
</ul>
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 | for L'ID del componente di cui viene visualizzato il messaggio, applicabile solo a h: message |
6 | errorClass Classe CSS applicata ai messaggi di errore |
7 | errorStyle Stile CSS applicato ai messaggi di errore |
8 | fatalClass Classe CSS applicata ai messaggi fatali |
9 | fatalStyle Stile CSS applicato ai messaggi fatali |
10 | globalOnly Istruzione per visualizzare solo messaggi globali, applicabile solo a h: messages. Predefinito: false |
11 | infoClass Classe CSS applicata ai messaggi informativi |
12 | infoStyle Stile CSS applicato ai messaggi informativi |
13 | layout Specifica per il layout del messaggio: tabella o elenco, applicabile solo a h: messages |
14 | showDetail Valore booleano che determina se vengono visualizzati i dettagli del messaggio. I valori predefiniti sono false per h: messages, true per h: message |
15 | showSummary Un valore booleano che determina se vengono visualizzati i riepiloghi dei messaggi. I valori predefiniti sono veri per h: messages, false per h: message |
16 | tooltip Un valore booleano che determina se i dettagli del messaggio vengono visualizzati in una descrizione comando; il tooltip viene visualizzato solo se showDetail e showSummary sono veri |
17 | warnClass Classe CSS per messaggi di avviso |
18 | warnStyle Stile CSS per i messaggi di avviso |
19 | style Informazioni sullo stile in linea |
20 | 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:messages example</h2>
<hr />
<h:form>
<h:panelGrid id = "panel" columns = "2" border = "0" cellpadding = "10"
cellspacing = "1">
<h:outputLabel value = "Enter Username" />
<h:inputText id = "username" size = "20" label = "UserName"
required = "true">
<f:validateLength for = "username" minimum = "5" maximum = "20" />
</h:inputText>
<h:outputLabel value = "Enter Password" />
<h:inputSecret id = "password" size = "20" label = "Password"
required = "true" redisplay = "true" >
<f:validateLength for = "password" minimum = "5" maximum = "10" />
</h:inputSecret>
<h:commandButton id = "submit" value = "Submit" action = "result"/>
</h:panelGrid>
<h:messages style = "color:red;margin:8px;" />
</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: