Gewusst wie: Entwerfen eines HTML-Bildschirms mithilfe des Bildschirm-Designers

Mit dem Bildschirmdesigner verwenden, können Sie die Darstellung von Bildschirmen in einem HTML-Client für eine Visual Studio LightSwitch-App ändern.Beispielsweise können Sie den Designer verwenden, um folgende Aufgaben auszuführen.

Felder und Befehle

• Hinzufügen einer Informationsgruppe zu einem Bildschirm

• Ändern des Layouts einer Gruppe

• Fügen Sie eine Schaltfläche hinzu.

• Fügen Sie ein - Element hinzu.

• Entfernen Sie ein Element.

• Verschieben Sie ein Element.

• Ändern des Anzeigenamens für ein Element

• Ändern der Bezeichnungsposition eines Elements

• Ändern der Größe eines Elements

• Ein- oder Ausblenden eines Elements

• Ändern des Steuerelementtyps für ein Element

• Hinzufügen eines benutzerdefinierten Steuerelements zu einem Bildschirm

• Rückgängigmachen von Änderungen

Datensammlung

• Ändern der anfänglichen Datenanzeige in einer Auflistung beim ersten Laden eines Bildschirms

• Aktivieren und Deaktivieren des Paging

• Aktivieren und Deaktivieren der Sortierung

• Aktivieren und Deaktivieren der Suche

Hinzufügen einer Informationsgruppe zu einem Bildschirm

1. In Struktur der Bildschirminhalte wählen Sie den Knoten aus, dem Sie eine Gruppe Informationen hinzufügen möchten.

2. Klicken Sie auf der Symbolleiste Bildschirm-Designer öffnen Sie die Liste Layoutelement hinzufügen, und wählen Sie dann Gruppe aus.

   Eine neue Gruppe wird angezeigt.

3. Eigenschaften im Fenster im Textfeld Name, geben Sie einen Namen für die Gruppe ein.

4. In Struktur der Bildschirminhalte wählen Sie die neue Gruppe aus, öffnen Sie die Liste Hinzufügen, und wählen Sie dann die Elemente aus, die Sie in der Gruppe anzeigen möchten.

Ändern des Layouts einer Gruppe

1. In Struktur der Bildschirminhalte öffnen Sie die Liste für eine Gruppe, die Sie ändern möchten.

   Die Liste zeigt alle Steuerelementtypen an, die für die Gruppe verfügbar sind.

2. Wählen Sie in der Liste einen Steuerelementtyp aus.

   Der Steuerelementtyp, dem Sie wirkt sich das Layout der Gruppe auswählen.Weitere Informationen zu einzelnen Steuerelementtypen finden Sie unter Erläuterung: Bildschirm-Designer-Eigenschaften.

Fügen Sie eine Schaltfläche hinzu

1. In Struktur der Bildschirminhalte wählen Sie den Knoten aus, in der die Schaltfläche angezeigt werden soll.

2. Klicken Sie auf der Symbolleiste Bildschirm-Designer wählen Sie Layoutelement hinzufügen aus und wählen dann SharePoint aktivieren aus.

   Das Dialogfeld Schaltfläche "Hinzufügen" wird angezeigt.

Fügen Sie ein - Element hinzu

• In BildschirmmemberlisteBildschirm-Designer, ziehen Sie ein - Element (beispielsweise, ein Feld oder ein Befehl) an den entsprechenden Speicherort in Struktur der Bildschirminhalte.

  Während Sie das Element ziehen, wird angezeigt, ob Sie das Element auf einen angegebenen Speicherort verschieben können.Wenn der Zeiger zu einem Kreis mit einem Schrägstrich durch ihn ändert, können Sie das - Element in diesem Speicherort nicht löschen.

  Informationen darüber, wie Sie benutzerdefinierte Felder einen Bildschirm, finden Sie unter Gewusst wie: Hinzufügen einer lokalen Eigenschaft zu einem HTML-Bildschirm hinzugefügt wird.

Entfernen Sie ein Element

1. In Struktur der Bildschirminhalte wählen Sie das Element aus (beispielsweise, ein Feld oder ein Befehl) die Sie entfernen möchten.

2. Klicken Sie auf der Symbolleiste Bildschirm-Designer wählen Sie die Schaltfläche Löschen aus.

Verschieben Sie ein Element

• In Struktur der Bildschirminhalte ziehen Sie ein - Element (beispielsweise, ein Feld oder ein Befehl) zum anderen Speicherort.

  Beispielsweise PostalCode ziehen Sie das Feld, damit es unter dem Country Feld angezeigt wird, oder ziehen Sie die Schaltfläche Bearbeiten, sodass sie über der Schaltfläche Löschen angezeigt wird.

  Hinweis
  Wenn Sie ein Feld ziehen, wird angezeigt, ob Sie das Element in einen angegebenen Speicherort verschieben können.Wenn der Zeiger zu einem Kreis mit einem Schrägstrich durch ihn ändert, können Sie das Element nicht auf diesen Speicherort verschieben.

Ändern des Anzeigenamens für ein Element

1. In Struktur der Bildschirminhalte wählen Sie das Element aus (beispielsweise, ein Feld oder ein Befehl).

2. Eigenschaften im Fenster im Textfeld unter Anzeigename, geben Sie einen anderen Namen für das Element ein.

   Wenn Sie den Anzeigenamen eines Elements ändern, ändern Sie nur den Namen, der im Bildschirm.Die - Eigenschaft des Elements Name bleibt gleich.

Ändern der Bezeichnungsposition eines Elements

1. In Struktur der Bildschirminhalte wählen Sie das Feld aus.

2. Im Fenster Eigenschaften öffnen Sie die Liste mit Bezeichnungsposition, und wählen Sie dann die Position aus, die Sie möchten.

   In der folgenden Tabelle sind die einzelnen Optionen beschrieben.

   Bezeichnungsposition	Beschreibung
   Linksbündig	Die Bezeichnung wird neben der linken Seite des - Steuerelements.
   Rechtsbündig	Die Bezeichnung wird in der Nähe der rechten Seite des Steuerelements.
   Top	Die Bezeichnung wird über dem Steuerelement angezeigt.
   Hidden	Keine Bezeichnung wird für das - Steuerelement.
   Keine	Keine Bezeichnung wird für das - Steuerelement, und weist ausgerichtet, wo die Bezeichnung worden wäre.

Ändern der Größe eines Elements

1. In Struktur der Bildschirminhalte wählen Sie das Element aus (beispielsweise, ein Feld oder ein Befehl).

2. Im Fenster Eigenschaften unter Größenanpassung, wählen Sie eine andere Größe für die Höhe und Breite des - Steuerelements aus.

   Hinweis
   Eine Typen Steuerelemente unterstützen die Höhe.

   Informationen zu den einzelnen Einstellungen finden Sie unter Erläuterung: Bildschirm-Designer-Eigenschaften.

Ein- oder Ausblenden eines Elements

1. In Struktur der Bildschirminhalte wählen Sie das Element aus (beispielsweise, ein Feld oder ein Befehl).

2. Im Fenster Eigenschaften aktivieren oder deaktivieren Sie das Kontrollkästchen für die Eigenschaft Ist sichtbar.

   Hinweis
   Die Bezeichnung (Nicht sichtbar) wird im Designer neben Elementen, die nicht sichtbar sind, wenn die Anwendung ausgeführt wird.

Ändern des Steuerelementtyps für ein Element

• In Struktur der Bildschirminhalte öffnen Sie die Liste neben dem Element, und wählen Sie dann den Steuerelementtyp aus, den Sie möchten.

  Die meisten Steuerelementtypen integriert sind.Sie können den Steuerelementtyp auch auf ein benutzerdefiniertes Steuerelement festlegen, das Sie mit anderen Tools erstellt haben.Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem HTML-Bildschirm für eine LightSwitch-Anwendung.

Hinzufügen eines benutzerdefinierten Steuerelements zu einem Bildschirm

1. In Struktur der Bildschirminhalte wählen Sie eine Gruppe aus.

2. Klicken Sie auf der Symbolleiste Bildschirm-Designer öffnen Sie die Liste Layoutelement hinzufügen, und wählen Sie dann Benutzerdefiniertes Steuerelement aus.

   Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem HTML-Bildschirm für eine LightSwitch-Anwendung.

Rückgängigmachen von Änderungen

• Klicken Sie auf der Menüleiste wählen Sie Bearbeiten, Rückgängig aus.

  Tipp
  Wenn Sie versehentlich eine Bearbeitung in Bildschirm-Designer, auf der Menüleiste annullieren, wählen Sie Bearbeiten, Wiederholen aus.

Ändern der anfänglichen Datenanzeige in einer Auflistung beim ersten Laden eines Bildschirms

1. In BildschirmmemberlisteBildschirm-Designer, wählen Sie den übergeordneten Knoten einer Auflistung aus (beispielsweise, vorangehende OrderCollection ).

2. Deaktivieren Sie im Eigenschaftenfenster das Kontrollkästchen Abfrage automatisch ausführen, wenn die Auflistung beim Öffnen des Bildschirms keine Daten anzeigen soll.Aktivieren Sie das Kontrollkästchen Abfrage automatisch ausführen, wenn in der Auflistung beim Öffnen des Bildschirms Daten enthalten sein sollen.

Aktivieren und Deaktivieren des Paging

1. In BildschirmmemberlisteBildschirm-Designer, wählen Sie den übergeordneten Knoten einer Auflistung aus (beispielsweise, vorangehende OrderCollection ).

2. Im Fenster EigenschaftenUnterstützung von Paging deaktivieren Sie das Kontrollkästchen, wenn Sie alle Zeilen anzeigen möchten, die eine Abfrage zurückgibt, wenn die Auflistung von Zeilen groß ist.Aktivieren Sie das Kontrollkästchen, wenn Sie die Anzahl der Datensätze begrenzen möchten, die angezeigt werden, und dann die Anzahl von Elementen angeben, die auf jeder Seite anzuzeigen.

   Hinweis
   Benutzer können jede Seite der Ergebnisse anzeigen, indem Sie einen Link im Bildschirm auswählen.

Aktivieren und Deaktivieren der Sortierung

1. In BildschirmmemberlisteBildschirm-Designer, wählen Sie den übergeordneten Knoten einer Auflistung aus (beispielsweise, vorangehende OrderCollection ).

2. Im Fenster Eigenschaften aktivieren oder deaktivieren Sie das Kontrollkästchen Unterstützung von Sortierung.

Aktivieren und Deaktivieren der Suche

1. In BildschirmmemberlisteBildschirm-Designer, wählen Sie den übergeordneten Knoten einer Auflistung aus (beispielsweise, vorangehende OrderCollection ).

2. Im Fenster Eigenschaften aktivieren oder deaktivieren Sie das Kontrollkästchen Unterstützung der Suchfunktion.

   Wenn Sie das Kontrollkästchen aktivieren, wird ein Suchfeld über der Auflistung.

Siehe auch

Aufgaben

Gewusst wie: Steuern der Navigation zwischen HTML-Bildschirmen in einer LightSwitch-Anwendung

Gewusst wie: Hinzufügen einer Schaltfläche zu einem mobilen Client für LightSwitch

Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem HTML-Bildschirm für eine LightSwitch-Anwendung

Konzepte

Erläuterung: Bildschirm-Designer-Eigenschaften

Weitere Ressourcen

HTML-Clientbildschirme für LightSwitch-Anwendungen