bloggers bloggers

In uno dei miei ultimi progetti mi è capitato di dover modificare un campo di input testuale del tipo

<aui:input type="text" name="mioCampo" value="valore"/>  

In realtà la cosa era un po più articolata : il valore di questo campo poteva già essere prepopolato ed in sola lettura, con la possibilità di modificarlo e salvarlo tramite opportuna chiamata ad un resourceURL : nel momento in cui si selezionava la modifica, dovevano comparire due bottoni, il primo che effettuava il salvataggio ed il secondo che cancellasse le modifiche apportate. Visto che non mi piaceva per nulla il fatto che comparisse il pulsante salva nel momento in cui l'utente non avesse modificato nulla, e visto che non mi andava che l'utente dovesse aspettare di perdere il focus sull'input per catturare la modifica del campo e far comparire il pulsante salva, ho scoperto con AlloyUi questo evento che ascolta la modifica dell'input a prescindere dal focus : valueChange

<aui:script use="aui-base">

if(A.one('#<portlet:namespace/>mioCampo'))

     A.one('#<portlet:namespace/>mioCampo').on('valueChange',

            function(event){

                      "codice da eseguire"

            }

)

</aui:script>

Nel mio caso specifico il "codice da eseguire" era mostrare un pulsante, ma voi potete usare questo evento per farci qualsiasi cosa alla modifica di un campo di input testuale.

Hope this help