bloggers bloggers

Marco Napolitano
Messaggi: 79
Stelle: 0
Data: 17/02/22
Jader Jed Francia
Messaggi: 63
Stelle: 0
Data: 18/02/21
Paolo Gambetti
Messaggi: 2
Stelle: 0
Data: 11/11/19
Katia Pazzi
Messaggi: 1
Stelle: 0
Data: 27/06/19
Ezio Lombardi
Messaggi: 11
Stelle: 0
Data: 10/04/18
Chiara Mambretti
Messaggi: 25
Stelle: 0
Data: 27/02/17
Serena Traversi
Messaggi: 3
Stelle: 0
Data: 21/07/16
Francesco Falanga
Messaggi: 8
Stelle: 0
Data: 14/06/16
Antonio Musarra
Messaggi: 2
Stelle: 0
Data: 18/11/13
Simone Celli Marchi
Messaggi: 6
Stelle: 0
Data: 09/07/13
Indietro

Abilitazione di un campo data con Liferay

Lo so, il titolo sembra banale ma vedrete che la soluzione sarà molto interessante!

Il problema è molto semplice e nemmeno troppo raro: quante volte vi siete trovati a dover gestire il valore null di un campo data?Sarebbe belloavere all'interno del form una checkbox per abilitare o disabilitare il campo di tipo data, ad esempio una data di fine attività o qualcosa di simile.

Operazione banale direte, basta un pò di Javascript ed il gioco è fatto.

La cosa è sicuramente vera ma se state utilizzando Liferay e le sue taglib, la cosa è ancora più semplice. Vediamo come...

Supponiamo di trovarci all'interno di un form per l'inserimento dei dati di un'ipotetica attività; supponiamo inoltre di avere correttamente definito tutti i model hints associati all'entità.

Ecco quindi che nel form troveremo una taglib del tipo:

<aui:input name="dataFine" />

Supponiamo ora che questo campo debba essere null fintanto che l'attività non è terminata e di conseguenza vogliamo avere a video una checkbox per abilitare/disabilitare il campo; sarà sufficiente modificare la taglib in questo modo:

<aui:input name="dataFine"
dateTogglerCheckboxLabel="disable"
disabled="<%=attivita.getDataFine()==null %>"
/>

Tutta la magia viene svolta dall'attributodateTogglerCheckboxLabelche farà sì che a video compaia la famigerata checkbox di abilitazione, già comprensiva della sua label.

L'utilizzo dell'attributodisabledserve solamente per prevalorizzare correttamente il campo di input.

Enjoy!

Precedente
Commenti
Nessun commento. Vuoi essere il primo.