Procedura dettagliata: progettazione di una schermata
In questa procedura dettagliata viene illustrato come utilizzare la finestra Progettazione schermata di LightSwitch per creare una schermata in cui vengono visualizzati i dati del cliente dal database di esempio Northwind.La finestra di progettazione della schermata è un'area di progettazione visiva che è possibile utilizzare per modificare l'aspetto di una schermata.
In questa procedura dettagliata viene illustrato come eseguire le attività seguenti:
Creare una schermata
Modificare il layout di una schermata
Rimuovere campi da una schermata
Modificare l'ordine degli elementi
Modificare il nome visualizzato di un elemento
Modificare il tipo di controllo di un elemento
Personalizzare una schermata in un'applicazione in esecuzione
Prerequisiti
In questa procedura dettagliata si presuppone che il database di esempio Northwind sia installato nel computer e che sia stato aggiunto come origine dati nel progetto.
Per informazioni sull'installazione del database di esempio Northwind, vedere Installazione del database di esempio Northwind.
Per informazioni sull'aggiunta del database di esempio Northwind come origine dati nel progetto, vedere Connessione ai dati.
Creazione di una schermata
In questa sezione viene illustrato come creare una schermata per visualizzare i dati del cliente dal database di esempio Northwind.Questa schermata è divisa in due parti.Nella prima parte viene visualizzato un elenco riepilogativo di tutti i clienti, mentre nell'altra parte vengono visualizzati i dettagli sul cliente selezionato..
Per creare una schermata
In Esplora soluzioni selezionare Schermate.
Scegliere Aggiungi schermata dal menu Progetto.
Verrà visualizzata la finestra di dialogo Aggiungi nuova schermata.
Nella finestra di dialogo Aggiungi nuova schermata, in Selezionare un modello di schermata selezionare Schermata di elenco e dettagli.
In Nome schermata, digitare Clienti.
Nell'elenco a discesa Dati della schermata, selezionare <DataSourceName>.Clienti.
In Dati aggiuntivi da includere, selezionare Dettagli cliente e Ordini cliente.
Consente di aggiunge i campi dell'entità Customer alla parte relativa ai dettagli della schermata unitamente a un elenco degli ordini effettuati da tale cliente.
L'illustrazione seguente mostra come viene visualizzata la finestra di dialogo dopo aver eseguito la procedura descritta in questa sezione.
.png "Finestra di dialogo Aggiungi nuova schermata")
Fare clic su OK per creare la schermata.
Verrà visualizzata la finestra Progettazione schermata.
Modifica del layout della schermata
La schermata Elenco e dettagli dispone di due colonne.La colonna sinistra è un elenco di clienti.La colonna destra contiene due righe.La riga superiore contiene i dettagli del cliente selezionato e la riga inferiore contiene gli ordini correlati al cliente selezionato.L'albero del contenuto della schermata della finestra Progettazione schermata consente di visualizzare come è composto l'elenco.
In questa sezione viene illustrato come modificare il layout della schermata in modo che contenga due righe invece di due colonne.La riga superiore conterrà l'elenco dei clienti.La riga inferiore conterrà due colonne.La colonna sinistra conterrà i dettagli del cliente selezionato e la colonna destra conterrà gli ordini correlati al cliente selezionato.
Per modificare il layout dell'elenco
In Albero del contenuto della schermata di Progettazione schermata, modificare il layout del nodo Clienti da Layout colonne a Layout righe.A tale scopo, fare clic sulla freccia in giù accanto al nodo Clienti.Quindi, dall'elenco a discesa, fare clic su Layout righe.
Modificare il layout della Colonna Dettagli da Layout righe a Layout colonne.A tale scopo, fare clic sulla freccia in giù accanto al nodo Colonna Dettagli, e quindi fare clic su Layout colonne.
Rimozione di campi da una schermata
Per impostazione predefinita, l'area della schermata che visualizza i dettagli di un cliente, denominata Colonna Dettagli, visualizza tutti i campi dall'origine dati.Se non si desidera che tutti i campi vengano visualizzati, è possibile rimuovere quelli non desiderati.Ad esempio, nei passaggi seguenti viene illustrato come rimuovere il campo Paese.
Per rimuovere i campi da una schermata
In Albero del contenuto della schermata espandere il nodo Dettagli cliente se non è ancora espanso.
Fare clic sul campo Paese, quindi, nella barra dei comandi della finestra Progettazione schermata, fare clic su Elimina.
Modifica dell'ordine dei campi
Nei passaggi seguenti viene illustrato come modificare l'ordine di visualizzazione dei campi, ad esempio, il campo CustomerID e il campo Postal Code.
Per modificare l'ordine dei campi
In Albero del contenuto della schermata espandere il nodo Dettagli cliente se non è ancora espanso.
Per spostare il campo CustomerID nella parte inferiore della colonna dei dettagli, trascinarlo nel campo Fax.
Per spostare il campo CAP appena sopra a ID cliente, trascinarlo tra il campo Fax e il campo CustomerID.
Modifica del tipo di controllo di un campo
È possibile personalizzare la visualizzazione di un campo da parte dell'utente.Ad esempio, è possibile impostare un campo di testo per far sì che venga visualizzato come TextBox o come Label.Nei passaggi seguenti viene illustrato come modificare un campo di visualizzazione in un campo Label in modo che l'utente non possa modificarne il valore.
Per modificare il tipo di controllo di un campo
In Albero del contenuto della schermata espandere il nodo Dettagli cliente se non è ancora espanso.
Selezionare il campo ID cliente, quindi scegliere Etichetta dall'elenco a discesa.
È possibile ripetere questo passaggio per modificare altri campi.
Per testare le modifiche, premere F5 per eseguire l'applicazione.
Personalizzazione di una schermata in un'applicazione in esecuzione
È inoltre possibile personalizzare una schermata mentre l'applicazione è in esecuzione.Ad esempio, è possibile rimuovere i campi, modificare l'ordine dei campi e le proprietà, come il tipo di controllo o l'allineamento delle etichette.
Per personalizzare una schermata in un'applicazione in esecuzione
Se l'applicazione non è già in esecuzione, premere F5 per avviarla.
Nella barra dei comandi della schermata, fare clic su Progetta schermata.
Nella schermata Modalità personalizzazione, rimuovere il campo ID cliente dalla colonna dei dettagli selezionandolo nel nodo Dettagli cliente e facendo clic sul pulsante Elimina (
.png "Eliminazione dell'elemento selezionato")
).Spostare il campo Fax nel campo CAP selezionandolo nel nodo Dettagli cliente e facendo clic quindi sul pulsante Sposta giù (
.png "Spostamento di un elemento in una posizione più in basso nell'elenco.")
).Modificare il nome del campo Telefono in Numero di telefono selezionando tale campo nel nodo Dettagli cliente, quindi modificare il valore della proprietà Nome visualizzato in Numero di telefono nella finestra Proprietà.
Modificare il tipo di visualizzazione del campo Numero di telefono in Label selezionando il campo nel nodo Dettagli cliente, quindi facendo clic sulla proprietà Tipo di controllo nella finestra Proprietà e selezionando il valore Etichetta.
Modificare l'allineamento delle etichette nella colonna dei dettagli.Selezionare il primo campo nel nodo Dettagli cliente, in questo caso il campo Nome società.Nel finestra Proprietà, fare clic sulla proprietà Posizione etichetta e selezionare il valore Allineato a destra.Ripetere questo passaggio per tutti i campi nel nodo Dettagli cliente.
Per salvare le modifiche apportate, scegliere Salva.L'applicazione consente ora di visualizzare le modifiche appena apportate.
Passaggi successivi
Per impostazione predefinita, quando si seleziona un'origine dati per una schermata, vengono visualizzati tutti i dati presenti in tale origine.Se si desidera visualizzare solo un sottoinsieme dei dati, è possibile creare una query per definire i dati da visualizzare.Per ulteriori informazioni, vedere Procedura: progettare una query utilizzando Progettazione query.