English
Instant Developer Foundation Documentazione
  • Tutorial applicazioni web
  • Interfaccia utente

Concetto di pannello

copia link
<< Video precedente
Apri in una finestra a tutto schermo.
Video successivo >>

Trascrizione

Nello scorso tutorial vi ho mostrato, tramite immagini, alcuni oggetti che è possibile innestare nei riquadri delle videate; di certo l’oggetto maggiormente utilizzato è quello per la visualizzazione dei dati in formato List o Form (Lista / Dettaglio) derivanti direttamente da database o meglio ancora da documenti e quindi database. L’oggetto in questione prende il nome di Pannello, il pannello è quindi il gestore dei dati, l’elemento che consentirà di mostrare dati all’utente ma richiedere anche l’inserimento, la modifica la cancellazione degli stessi…di quelle che normalmente vengono denominate operazioni CRUD (Create, Read Update Delete).

Come possiamo aggiungere al riquadro un pannello ? Dobbiamo prima di tutto decidere quali dati vogliamo mostrare nel pannello; partiamo con i dati della tabella Localita, o meglio siccome vogliamo gestire tutto in modalità documentale, diciamo con i dati del documento Comune e quindi cerchiamo nel componente il documento Comune (vi ricordo che abbiamo impostato il documento Pubblico altrimenti non riusciremmo a includerlo nell’applicazione), e trasciniamo il documento all’interno del Riquadro, ed ecco il pannello Comune creato.

Controllando l’albero di progetto … possiamo notare che all’interno della videata c'è’ un nuovo oggetto: il pannello Comune appena creato; utilizzando l’albero di progetto potremmo decidere di eliminare questo nuovo pannello -> Mouse Tasto Destro Elimina Oggetto, oppure potremmo visualizzare la scheda Proprietà con Mouse Doppio clic.

Ricapitolando per creare questa interfaccia abbiamo
  • 1) prima creato la videata; vi ricordo sul Nome dell’applicazione Tasto destro Aggiungi Videata
  • 2) poi abbiamo trascinato il documento Comune all’interno del riquadro.

Tutto perfetto ma se ci fosse una scorciatoia sarebbe anche meglio, vorrei creare tutto insieme con una sola operazione!! Per provare la versione rapida, prima cancelliamo l’intera videata che abbiamo creato: mi posizione nell’albero di progetto su Nuova Videata -> Tasto destro Elimina Oggetto oppure sulla tastiera.

Ottimo siamo pronti a ricrearla in modalità smart, dobbiamo semplicemente trascinare il documento che ci interessa sul nome dell’applicazione premere contemporaneamente sulla tastiera il tasto attenzione solo e non : prendiamo il documento Comune e trasciniamo sul nome dell’applicazione YouBb e premiamo sulla tastiera, poi lasciamo mouse e tastiera.

Perfetto nell’albero di progetto vediamo la nuova videata, spostiamola subito dentro alla cartella Videate con il trascinamento e dopo con il mouse DOPPIO CLIC per mostrare la videata nella scheda di progettazione.

Questa modalità smart crea la videata assegnandone un nome, un titolo automaticamente: il tutto è derivato dalle informazioni presenti sul documento o meglio ancora su quelle che abbiamo impostato nella definizione della struttura database: ricordate quando abbiamo definito il database che ci veniva chiesto un titolo, ecco che in automatico è stato riportato.

Tra poco conosceremo meglio le caratteristiche del pannello ma come potete notare è mostrato con una interfaccia a lista, sono presenti delle colonne, è presente una toolbar per eseguire le operazioni CRUD che vi accennavo all’inizio.

Ultima modifica: 19/03/2021 / Validità: da 20.0.7800

Hai trovato utile l'articolo?

Grazie per il feedback!

Ti serve altro aiuto?

Consulta il Forum

Vedi anche

    Scarica il progetto di esempio You Bb Project.zip