Ext.tux.form.FieldContainer
Dopo aver sviluppato un’estensione Sencha Touch 2 che permettesse di inserire un indirizzo completo all’interno di un singolo Form Field specificandone Via, Città, Nazione, ecc. (Vedi post) mi sono subito chiesto come avrei potuto migliorarla, dando la possibilità allo sviluppatore di creare, con estrema facilità, nuovi campi personalizzati, che non si limitassero ad un numero definito di textfields disposti su tra singole righe, ma che avrebbero potuto integrare selectfields, numberfields, ecc. su un numero infinito di righe, mantenendo comunque intatte le funzionalità Form che ne permettessero il reperimento ed impostazione del valore associato.
Cerchiamo di capire meglio la mia idea con un esempio pratico:
Supponiamo ad esempio di voler creare un form che permetta all’utente di registrarsi all’interno dell’applicazione.
Per raggiungere questo obbiettivo dovremmo semplicemente creare una nuova vista, la quale, ereditando da un Ext.form.Panel, ci permetta di definire tutti i campi richiesti. Campi come nome, secondo nome, cognome.
A questi campi ovviamente dovrà essere associato un label che ne descriva il valore richiesto, quindi, tutti i campi, verranno disposti verticalmente all’interno del form, poichè fino ad ora non vi era altro modo di agire.
Questa disposizione è perfetta nel caso di utilizzo su iPhone, ma perchè non sfruttare orizzontalmente lo spazio disponibile su iPad magari raggruppando i campi sopra citati in un’unica riga associandone il label “Nome” ed impostando i PlaceHolder che ne definiscano il valore richiesto?
Beh, questo è proprio ciò che mi ha spinto a realizzare, nell’arco di una mezz’oretta circa, questa semplice ma utile estensione.
Potete scaricarla gratuitamente da questo repository github.
Fatemi sapere cosa ne pensate, attendo i vostri feedback 
Potete anche commentare direttamente all’interno del relativo thread sul sito di Sencha.
