HTML-Clientbildschirme für LightSwitch-Anwendungen

Mit Microsoft LightSwitch für Visual Studio Update 2 verwenden, können Sie HTML-Clientbildschirme erstellen, die für die Anzeige auf mobilen Geräten optimiert werden.In diesem Thema werden die Vorlagen vor, die Sie verwenden können, um Bildschirme, die auf Grundlage HTML5, sind die Tools, die Sie verwenden können, um Bildschirme zu entwerfen und einige der Aufgaben erstellen, die Sie ausführen können, um die besten Bildschirme für die LightSwitch-Anwendung zu entwerfen.

Ein aufeinander folgende Beispiel eines Client, der HTML-Bildschirme verwendet, finden Sie unter Exemplarische Vorgehensweise: Erstellen eines LightSwitch-Client für mobile Benutzer.

HTML-Clients

Sie können eine oder mehrere HTML-Clients einer vorhandenen LightSwitch Anwendung hinzufügen, oder Sie können eine Microsoft LightSwitch für Visual Studio Update 2 Anwendung erstellen, die nur einen HTML-Client enthält.Jeder HTML-Client wird in einem eigenen Projekt innerhalb der Projektmappe LightSwitch enthalten.

Hinweis

Wenn Sie ein Projekt HTML-Client einer LightSwitch-Projektmappe hinzufügen, hat sie zu Microsoft LightSwitch für Visual Studio Update 2 aktualisiert.Die Dateistruktur der Projektmappe wird geändert, und Sie können die Projektmappe auf einem Computer nicht mehr öffnen, die nicht Microsoft LightSwitch für Visual Studio Update 2 installiert ist. Weitere Informationen finden Sie unter Gewusst wie: Erstellen oder Hinzufügen eines HTML-Clientprojekts.

Bildschirmvorlagen

Erstellen Sie zuerst einen Bildschirm mit einer der folgenden Bildschirmvorlagen:

• Navigieren Sie Bildschirm

• Ansichts-Detail-Bildschirm

• Fügen Sie/Bearbeiten-Detail-Bildschirm hinzu

Informationen zum Auswählen einer Vorlage finden Sie unter Auswählen eines Bildschirmtyps für einen HTML-Client einer LightSwitch-Anwendung.

Informationen zum Suchen nach diesen Vorlagen finden Sie unter Gewusst wie: Erstellen eines HTML-Clientbildschirms.

Bildschirm-Designer

Sie können den Entwurf eines Bildschirms ändern, indem Sie den Bildschirmdesigner verwenden.Im Bildschirm-Designer werden Elemente, z. B. Datenfelder und Befehle, und die Struktur der Bildschirminhalte angezeigt, bei der es sich um eine hierarchische Darstellung der Daten handelt.Sie können Elemente in die Struktur der Bildschirminhalte ziehen und sie in der gewünschten Reihenfolge anordnen.

Weitere Informationen zum Bildschirm-Designer finden Sie unter Einführung in den Bildschirm-Designer.

Weitere Informationen dazu, wie bestimmte Aufgaben im Bildschirmdesigner, finden Sie unter Gewusst wie: Entwerfen eines HTML-Bildschirms mithilfe des Bildschirm-Designers ausführt.

Bildschirmdesignaufgaben

Um das Design eines Bildschirms zu ändern, können Sie die folgenden Aufgaben ausführen:

• Ändern der Darstellung eines Bildschirms

• Hinzufügen von Feldern und Befehlen zu einem Bildschirm

• Filtern der Daten, die in einem Bildschirm angezeigt werden

• Hinzufügen von Daten zu einem Bildschirm

• Passen Sie die Navigation zwischen Bildschirmen an

• Ändern eines Bildschirms mithilfe von Code

Ändern der Darstellung eines Bildschirms

Sie können die Darstellung von Daten in einem Bildschirm ändern.Beispielsweise können Sie eine Nachrichtenbeschaffung konfigurieren, um auf werden wie eine flache Liste oder eine gekachelten Liste.Sie können die Reihenfolge ändern, in der Felder Felder zusammengefasst werden oder gruppieren.

Weitere Informationen finden Sie unter Gewusst wie: Entwerfen eines HTML-Bildschirms mithilfe des Bildschirm-Designers.

Hinzufügen von Feldern und Befehlen zu einem Bildschirm

HTML-Bildschirme in LightSwitch stellen residente Befehle, dass Benutzer Daten anzeigen, aktualisieren, löschen oder speichern können.Sie können auch benutzerdefinierte Befehle und Felder hinzufügen.

Fügen Sie einen benutzerdefinierten Befehl hinzu, wenn Sie Geschäftslogik dem Bildschirm hinzufügen möchten.Beispielsweise können Sie eine Schaltfläche hinzu, damit ein Benutzer eine Liste mit Kunden auf Grundlage Auftragsvolume anzeigen kann.Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen einer Schaltfläche zu einem mobilen Client für LightSwitch.

Sie können Felder für benutzerdefinierte lokale Eigenschaften hinzufügen, um Informationen zu sammeln oder anzuzeigen.Sie können z. B. neben der Schaltfläche "Verkaufsvolumen" ein Textfeld hinzufügen, in dem Benutzer angeben können, wie viele Kunden in der Liste angezeigt werden sollen.Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen einer lokalen Eigenschaft zu einem HTML-Bildschirm.

Hinzufügen von benutzerdefinierten Steuerelementen zu einem Bildschirm

Wenn Sie benutzerdefinierte Steuerelemente einem HTML-Bildschirm hinzufügen, können Sie Informationen auf Arten anzeigen oder sammeln, die über die Funktionen der Steuerelemente hinausgehen, die zu LightSwitch integriert sind.Sie können ein benutzerdefiniertes Steuerelement auch verwenden, um jedes integrierte LightSwitch-Steuerelement zu ersetzen, das auf dem Bildschirm.Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem HTML-Bildschirm für eine LightSwitch-Anwendung.

Filtern der Daten, die in einem Bildschirm angezeigt werden

Sie können die Daten filtern, die in einem Bildschirm angezeigt werden, indem Sie die Bedingungen der Bildschirmabfragen ändern.

Jede Datengruppe, die im linken Bereich des Designers angezeigt wird, basiert auf einer Abfrage.Die Bildschirmaktualisierungen nur die Informationen, die durch diese Abfragen zurückgegeben wird.Um die Informationen zu ändern die für eine Gruppe Daten wird, ändern Sie die Abfrage.

Weitere Informationen finden Sie unter Gewusst wie: Filtern von Daten in einem HTML-Client für eine LightSwitch-Anwendung.

Hinzufügen von Daten zu einem Bildschirm

Sie können einem Bildschirm auch andere Arten von Daten hinzufügen.In einem Bildschirm, in dem Kunden aufgeführt werden, können Sie z. B. ein Datenraster hinzufügen, in dem eine Liste mit Bestellungen angezeigt wird.Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen von Daten zu einem Bildschirm.

Passen Sie die Navigation zwischen Bildschirmen an

In einem HTML-Client ist nur ein Bildschirm aktiv.Sie können angeben, wie der Benutzer einen Bildschirm von anderen öffnet und was geschieht, wenn ein Bildschirm deaktiviert.

Weitere Informationen finden Sie unter Gewusst wie: Steuern der Navigation zwischen HTML-Bildschirmen in einer LightSwitch-Anwendung.

Ändern eines Bildschirms mithilfe von Code

Sie können Code partiellen Methoden hinzufügen, die LightSwitch aufruft, damit, wenn bestimmte Ereignisse zur Laufzeit auftreten, der Bildschirm entsprechend geändert wird.Sie können z. B. Code hinzufügen, mit dem der Name eines Unternehmens ausgeblendet wird, das vor den Benutzern der Anwendung anonym bleiben möchte.Dieser Code würde die Firmennamen von Kunden überprüfen und, falls eine Übereinstimmung findet, wird die - Eigenschaft des IsVisibleCompanyName Felds zu False festlegen, bevor die Informationen im Bildschirm angezeigt.

Weitere Informationen darüber, wo Sie den Code, finden Sie unter Gewusst wie: Behandeln von Bildschirmereignissen in einem mobilen Client für eine LightSwitch-Anwendung schreibt.

Weitere Informationen zum Hinzufügen von Code, mit dem ein Bildschirm geändert wird, finden Sie unter How to: Modify an HTML Screen by Using Code.

Verwandte Themen

Titel	Beschreibung
Auswählen eines Bildschirmtyps für einen HTML-Client einer LightSwitch-Anwendung	Beschreibt Vorlagen, die Sie als Ausgangspunkt zum Erstellen von Bildschirmen verwenden können.
Gewusst wie: Erstellen eines HTML-Clientbildschirms	Veranschaulicht, wie der Anwendung Bildschirme hinzugefügt werden.
Einführung in den Bildschirm-Designer	Veranschaulicht die verschiedenen Elemente des Designers und ihre Funktion.
Gewusst wie: Entwerfen eines HTML-Bildschirms mithilfe des Bildschirm-Designers	Veranschaulicht, wie der Bildschirm-Designer verwendet wird.
Gewusst wie: Hinzufügen einer lokalen Eigenschaft zu einem HTML-Bildschirm	Veranschaulicht, wie ein benutzerdefiniertes Feld der lokalen - Eigenschaft einem Bildschirm hinzugefügt wird.
Gewusst wie: Hinzufügen einer Schaltfläche zu einem mobilen Client für LightSwitch	Zeigt, wie eine Schaltfläche oder ein Link hinzugefügt wird, der benutzerdefinierten Code in einem Bildschirm ausführt.
Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem HTML-Bildschirm für eine LightSwitch-Anwendung	Veranschaulicht, wie ein - Steuerelement der benutzerdefinierten HTML in einem LightSwitch Bildschirm verwendet.
Gewusst wie: Hinzufügen von Daten zu einem Bildschirm	Veranschaulicht, wie Daten aus anderen Abfragen einem Bildschirm hinzugefügt werden.
Gewusst wie: Filtern auf einem HTML-Bildschirm	Veranschaulicht, wie Abfragen verwendet werden, um zu steuern, welche Daten im Bildschirm angezeigt werden.
Gewusst wie: Behandeln von Bildschirmereignissen in einem mobilen Client für eine LightSwitch-Anwendung	Beschreibt, wie die Anwendung durch Schreiben von Code anpassen, der ausgeführt wird, wenn bestimmte Ereignisse auftreten.
How to: Modify an HTML Screen by Using Code	Beschreibt, wie Sie per Code Steuerelemente ändern und mit Elementen auf einem Bildschirm interagieren können.
Erläuterung: Bildschirm-Designer-Eigenschaften	Beschreibt die Eigenschaften von Elementen, die in der Liste der Bildschirm-Member und in der Struktur der Bildschirminhalte des Bildschirm-Designers angezeigt werden.Sie können die Darstellung und das Verhalten von Elementen ändern, indem Sie im Eigenschaftenfenster die Werte der Eigenschaften festlegen.
Gewusst wie: Steuern der Navigation zwischen HTML-Bildschirmen in einer LightSwitch-Anwendung	Beschreibt das Bildschirmnavigationsmodell für einen HTML-Client einer LightSwitch-Anwendung.