Schermate del client HTML per applicazioni LightSwitch

Utilizzando Microsoft LightSwitch per Visual Studio, aggiornamento 2, è possibile creare schermate client HTML ottimizzate per la visualizzazione dei dispositivi mobili.In questo argomento vengono introdotti i modelli utilizzabili per creare schermate basati su HTML5, gli strumenti che è possibile utilizzare per progettare le schermate e alcune delle attività da eseguire per progettare più schermate per l'applicazione di LightSwitch.

Per un esempio end-to-end di un client che utilizza le schermate HTML, vedere Procedura dettagliata: creazione di un client LightSwitch per utenti di dispositivi mobili.

Client HTML

È possibile aggiungere uno o più client HTML a un'applicazione esistente di LightSwitch, oppure creare un'applicazione di Microsoft LightSwitch per Visual Studio, aggiornamento 2 che contiene solo un client HTML.Ciascun client HTML è contenuto nel proprio progetto nella soluzione di LightSwitch.

[!NOTA]

Quando si aggiunge un progetto Client HTML a una soluzione di LightSwitch, migliore a Microsoft LightSwitch per Visual Studio, aggiornamento 2.La struttura di file della soluzione viene modificata e non è più possibile aprire la soluzione in un computer che non dispone Microsoft LightSwitch per Visual Studio, aggiornamento 2 installato.

Per ulteriori informazioni, vedere Procedura: creare o aggiungere un progetto client HTML.

Modelli di schermata

Per iniziare, creare una schermata mediante uno dei modelli di schermata seguenti:

• Finestra di esplorazione

• Schermo dettagli

• Finestra dettagli di modifica e aggiungere

Per informazioni su come scegliere un modello, vedere Scelta di un tipo di schermata per un client HTML di un'applicazione LightSwitch.

Per informazioni su come trovare questi modelli, vedere Procedura: creare una schermata del client HTML.

Progettazione schermata

È possibile modificare la progettazione dello schermo tramite la finestra di progettazione dello schermo.La finestra Progettazione schermata consente di visualizzare elementi quali campi dati e comandi, nonché l'albero del contenuto della schermata, ovvero una rappresentazione gerarchica dei dati.È possibile trascinare elementi nell'albero del contenuto della schermata e disporli nell'ordine desiderato.

Per ulteriori informazioni sulla progettazione della schermata, vedere Presentazione della finestra di progettazione della schermata.

Per ulteriori informazioni su come eseguire attività specifiche nella finestra di progettazione dello schermo, vedere Procedura: progettare una schermata HTML utilizzando Progettazione schermata.

Attività di progettazione della schermata

Per modificare la progettazione di una schermata, è possibile eseguire una delle attività riportate di seguito:

• Modificare l'aspetto di una schermata

• Aggiungere campi e comandi a una schermata

• Filtrare i dati visualizzati in una schermata

• Aggiungere dati a una schermata

• Personalizzare la navigazione tra le schermate

• Modificare una schermata tramite codice

Modificare l'aspetto di una schermata

È possibile modificare la modalità di visualizzazione dei dati in una schermata.Ad esempio, è possibile configurare una raccolta di informazioni da visualizzare come un elenco semplice o elenco side-by-side.È possibile modificare l'ordine in cui i campi vengono visualizzati insieme o raggruppare campi.

Per ulteriori informazioni, vedere Procedura: progettare una schermata HTML utilizzando Progettazione schermata.

Aggiungere campi e comandi a una schermata

Le schermate di HTML in LightSwitch forniscono comandi incorporati in modo da poter visualizzare, l'aggiornamento, l'eliminazione, o salvare gli utenti i dati.È inoltre possibile aggiungere comandi e campi personalizzati.

Aggiungere un comando personalizzato se si desidera aggiungere la logica di business lo schermo.Ad esempio, è possibile aggiungere un pulsante in modo da poter visualizzare un utente un elenco di clienti in base al volume di vendita- ordine.Per ulteriori informazioni, vedere Procedura: aggiungere un pulsante a un client mobile per LightSwitch.

È possibile aggiungere campi di proprietà locali personalizzati per raccogliere o visualizzare informazioni.Ad esempio, è possibile aggiungere una casella di testo accanto al pulsante del volume delle vendite in modo che l'utente possa specificare quanti clienti desidera visualizzare nell'elenco.Per ulteriori informazioni, vedere Procedura: aggiungere una proprietà locale a una schermata HTML.

Aggiungere controlli personalizzati a una schermata.

Aggiunta di controlli personalizzati a uno schermo html, è possibile visualizzare o raccogliere le informazioni in modo che vanno oltre le funzionalità dei controlli incorporati di LightSwitch.È inoltre possibile utilizzare un controllo personalizzato per sostituire qualsiasi controllo incorporato di LightSwitch visualizzato sullo schermo.Per ulteriori informazioni, vedere Procedura: aggiungere un controllo personalizzato a una schermata HTML per un'applicazione LightSwitch.

Filtrare i dati visualizzati in una schermata

È possibile filtrare i dati visualizzati in una schermata modificando le condizioni delle query della schermata.

Ogni gruppo di dati visualizzato nel riquadro a sinistra della finestra di progettazione è basato su una query.Visualizza solo le informazioni restituite da tali query.Per modificare le informazioni visualizzate per un gruppo di dati, modificare il relativo query.

Per ulteriori informazioni, vedere Procedura: filtrare i dati in un client HTML per un'applicazione LightSwitch.

Aggiungere dati a una schermata

È possibile aggiungere altri tipi di dati a una schermata.Ad esempio, in una schermata in cui vengono visualizzati i clienti, è possibile aggiungere una griglia dei dati che mostra un elenco di ordini.Per ulteriori informazioni, vedere Procedura: aggiungere dati a una schermata.

Personalizzare la navigazione tra le schermate

In un client HTML, solo uno schermo è attivo in qualsiasi momento.È possibile specificare quali l'utente apre uno schermo da un altro e ciò che si verifica quando uno schermo diventa inattiva.

Per ulteriori informazioni, vedere Procedura: controllare la navigazione tra schermate HTML in un'applicazione LightSwitch.

Modificare una schermata tramite codice

È possibile aggiungere codice ai metodi parziali che LightSwitch chiama in modo che, quando determinati eventi si verificano in fase di esecuzione, modificare lo schermo in modo appropriato.Ad esempio, è possibile aggiungere codice che consente di nasconde il nome di una società che desidera rimanere anonima agli utenti dell'applicazione.Questo codice esaminerebbe i nomi dei clienti e, quando viene trovata una corrispondenza, imposterebbe la proprietà di IsVisible del campo di CompanyName a False prima che le informazioni visualizzarli nello schermo.

Per ulteriori informazioni sulla posizione in cui scrivere il codice, vedere Procedura: gestire gli eventi di schermata in un client mobile per un'applicazione LightSwitch.

Per ulteriori informazioni su come aggiungere il codice che modifica una schermata, vedere How to: Modify an HTML Screen by Using Code.

Argomenti correlati

Titolo	Descrizione
Scelta di un tipo di schermata per un client HTML di un'applicazione LightSwitch	Descrive i modelli che è possibile utilizzare come punto iniziale per la creazione delle schermate.
Procedura: creare una schermata del client HTML	Mostra come aggiungere schermate all'applicazione.
Presentazione della finestra di progettazione della schermata	Illustra le parti della finestra di progettazione e le relative funzioni.
Procedura: progettare una schermata HTML utilizzando Progettazione schermata	Mostra come utilizzare la finestra Progettazione schermata.
Procedura: aggiungere una proprietà locale a una schermata HTML	Viene illustrato come aggiungere un campo personalizzato locale della proprietà su uno schermo.
Procedura: aggiungere un pulsante a un client mobile per LightSwitch	Viene illustrato come aggiungere un pulsante o un collegamento che esegue codice personalizzato in uno schermo.
Procedura: aggiungere un controllo personalizzato a una schermata HTML per un'applicazione LightSwitch	Viene illustrato come utilizzare un controllo HTML personalizzato in una schermata di LightSwitch.
Procedura: aggiungere dati a una schermata	Mostra come aggiungere dati dalle altre query a una schermata.
Procedura: Filtro dei dati su uno schermo HTML	Mostra come utilizzare le query per controllare quali dati vengono visualizzati nella schermata.
Procedura: gestire gli eventi di schermata in un client mobile per un'applicazione LightSwitch	Viene descritto come personalizzare l'applicazione scrive codice che viene eseguito quando determinati eventi si verificano.
How to: Modify an HTML Screen by Using Code	Descrive come utilizzare il codice per modificare i controlli e interagire con gli elementi su una schermata.
Riferimento: proprietà della finestra di progettazione della schermata	Descrive le proprietà degli elementi visualizzati nell'elenco dei membri della schermata e nell'albero del contenuto della schermata della finestra Progettazione schermata.È possibile modificare l'aspetto e il comportamento degli elementi utilizzando la finestra Proprietà per impostare il valore delle proprietà.
Procedura: controllare la navigazione tra schermate HTML in un'applicazione LightSwitch	Viene descritto il modello di navigazione dello schermo per un client HTML di un'applicazione di LightSwitch.