Pannello detail in tabbed view

Altra modalità di creazione di pannelli Master Detail; ora è il turno di Appartamento però’ preferirei avere una nuova videata: Albero di progetto, documento Appartamento => lo trascino sul nome dell'applicazione YouBb ed ecco pronta la videata (possiamo trascinarla nella cartella Videate).

Lavoriamo sulla nuova videata; doppio clic e gli cambio il nome in Form Appartamento (in quanto la videata dovrà mostrare 1 solo appartamento alla volta); confermiamo la modifica e passiamo al pannello: con un doppio clic possiamo entrare nelle proprietà per una modifica:

togliamo il layout List lascio solo Dettaglio.

lasciamo solo il check Può Aggiornare (nessuna altra operazione sarà possibile),

Controlliamo lo Stato Iniziale che sia Ricerca QBE,

Perfetto Confermiamo.

Altre due impostazioni: dobbiamo essere certi che all’avvio il pannello si trovi in stato QBE Standard e non le altre modalità e che si possa chiamare la videata con un parametro, un documento Appartamento, e venga visualizzato solo quello.

Aggiungo in primis un evento di Load di videata, così posso inserire il codice per il controllo dello stato QBE.

Event Load() {
APPARTAMENTI.listQbe = No
}

Ed ora aggiungo una procedura chiamata ApriPer (docAppartamento) che chiameremo all’apertura.

Public void ApriPer(Appartamento docAppartamento).

Adesso concentriamoci sui pannelli, qui dobbiamo visualizzare il documento Appartamento e altri 3 pannelli relativi alle collection.

Servizi Appartamenti.

Media.

Prezzi.

Utilizziamo l’interfaccia a schede denominata TabbedView: ogni documento, e quindi ogni pannello occuperà la propria scheda (la propria Tab); per ottenere il risultato dobbiamo staccare un attimo il pannello Appartamenti che abbiamo nel riquadro usando il pulsante sulla toolbar di progettazione; il pannello non l’abbiamo cancellato se guardate nell’albero di progetto è ancora presente.

Ora inseriamo nel riquadro l’oggetto TabbedView (Tasto destro nel riquadro Aggiungi Tabbed View): riportiamo ora il pannello in videata precisamente trasciniamo il pannello dentro l’oggetto TabbedView ed ecco che il pannello Appartamenti è andato a posto: passiamo ai pannelli figli.

Per la creazione dei pannelli figli si parte dal documento (attenzione non dalle collection ma dal documento: Foundation capirà che l’oggetto fa parte di una collection e creerà la logica master detail).

Trascino Servizio Appartamento sopra la linea delle Etichette delle Tab, rilascio ed ecco che il primo pannello Detail è creato; ripeto l’operazione con il documento Media e Prezzo.

La videata, o meglio gli oggetti che si desideravano in videata sono pronti, come notate le Tab consentono lo spostamento tra una visualizzazione e l’altra.

Ancora due cose: dobbiamo sistemare tutti i pannelli e creare un pulsante che dalla videata Principale apra questa.

Per quanto riguarda la sistemazione, io la faccio rapidamente, se volete potete fermare il video, sistemare tutti questi pannelli e poi ripartire perché insieme creeremo il pulsante per richiamare questa videata.

Eccoci possiamo passare la pulsante da sistemare nella prima videata, apro la videata Appartamenti, andiamo in dettaglio, riduco l’altezza del pulsante di Google Maps e ne creo un altro lo chiamo Altre Caratteristiche.

Aggiungo una procedura, tasto Destro Aggiungi Procedura: semplice dobbiamo catturare il documento del pannello e passarlo all’altra videata.

Public void AltreCaratteristiche() {

}

Con questo abbiamo scoperto un altro oggetto TabbedView e la possibilità di creazione di pannelli Detail in una struttura sicuramente più snella graficamente, quando le collection sono più di una.