Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem HTML-Bildschirm für eine LightSwitch-Anwendung
Sie können Steuerelemente der benutzerdefinierten HTML einem Bildschirm in einem Client für eine LightSwitch-App hinzufügen.Wenn Sie benutzerdefinierte Steuerelemente verwenden, können Sie anzeigen, oder, Informationen so zu erfassen, die über die Möglichkeiten der integrierten HTML hinausgehen, Steuerelementen für LightSwitch.
Verweisen von benutzerdefinierten Steuerelementen
Um ein benutzerdefiniertes Steuerelement auf dem Bildschirm zu verwenden, müssen Sie zuerst einen Dateiverweis zum Projekt hinzu, und fügen Sie ein Skripttag der Datei default.htm- hinzu.
So fügen Sie ein benutzerdefiniertes Steuerelement verweisen
In Projektmappen-Explorer wählen Sie Dateiansicht in der Liste auf der Symbolleiste.
Öffnen Sie das Kontextmenü für den Ordner Skripts, wählen Sie Hinzufügen aus und wählen dann Vorhandenes Element aus.
Wählen Sie die JavaScript-Datei (.js) für das benutzerdefinierte Steuerelement aus, und wählen Sie dann die Schaltfläche Hinzufügen aus.
.gif "Hinweis")
HinweisEinige benutzerdefinierte Steuerelemente erfordern, dass Sie auch zusätzliche Unterstützungsdateien verweisen.Ziehen Sie die Dokumentation für das benutzerdefinierte Steuerelement für alle Anforderungen nach.
Fügen Sie im <script>-Abschnitt der Datei default.htm für das Projekt ein Skripttag hinzu, das dem folgenden Beispiel ähnelt, in dem MyControl der Name des benutzerdefinierten Steuerelements ist:
<script type=”text/javascript” src=”Scripts/MyControl.js” charset=”utf-8”></script>
Hinzufügen von neuen Steuerelementen und Ersetzen von vorhandenen Steuerelementen
Sie können ein neues benutzerdefiniertes Steuerelement einem Bildschirm hinzufügen oder ein vorhandenes HTML-Steuerelement in LightSwitch ersetzen.
So fügen Sie ein benutzerdefiniertes Steuerelement einem Bildschirm hinzu
In Struktur der Bildschirminhalte wählen Sie eine Gruppe aus.
Klicken Sie auf der Symbolleiste Bildschirm-Designer in der Liste Layoutelement hinzufügen, wählen Sie Benutzerdefiniertes Steuerelement aus.
Das Dialogfeld wird geöffnet. Benutzerdefiniertes Steuerelement hinzufügen
Im Geben Sie die Daten für das neue benutzerdefinierte Steuerelement an Textfeld geben Sie das an das - Steuerelement ein gebunden werden Element oder die Auflistung.
Geben Sie beispielsweise Customers.selectedItem.PostalCode ein, der der Postleitzahl eines Kunden zu binden, oder geben Sie Customers.selectedItem ein, um dem gesamten Kundendatensatz zu binden.
Fügen Sie Code hinzu, mit dem die Daten an eine spezifische Eigenschaft des Steuerelements gebunden werden.
Weitere Informationen finden Sie unter Binden von Daten an eine Eigenschaft des benutzerdefinierten Steuerelements weiter unten in diesem Thema.
So fügen Sie ein vorhandenes Steuerelement durch ein benutzerdefiniertes Steuerelement ersetzen
In Struktur der Bildschirminhalte wählen Sie das Steuerelement aus, das Sie ersetzen möchten.
Im Fenster Eigenschaften öffnen Sie die Liste Steuerelementtyp, und wählen Sie dann Benutzerdefiniertes Steuerelement aus.
Fügen Sie Code hinzu, mit dem die Daten an eine spezifische Eigenschaft des Steuerelements gebunden werden.
Weitere Informationen finden Sie unter Binden von Daten an eine Eigenschaft des benutzerdefinierten Steuerelements weiter unten in diesem Thema.
Binden von Daten an eine Eigenschaft des benutzerdefinierten Steuerelements
Sie müssen die Daten, die Sie im Dialogfeld Benutzerdefiniertes Steuerelement hinzufügen angegeben haben, an eine bestimmte Eigenschaft des benutzerdefinierten Steuerelements binden.
So binden Sie Daten an eine Eigenschaft des benutzerdefinierten Steuerelements
In Struktur der Bildschirminhalte wählen Sie das benutzerdefinierte Steuerelement aus.
Im Fenster Eigenschaften wählen Sie den Rendercode bearbeiten Link aus.
Fügen Sie im Code-Editor Code hinzu, der dem folgenden Beispiel zur rendernsmethode ähnelt:
createMyControl(element, contentItem, “max-width: 300px; max-height: 300px”);Dieser Code gibt das Steuerelement zur Laufzeit.Ersetzen Sie MyControl durch den Namen des Steuerelements, und ändern Sie die max-height und max-width-Parameter wie erforderlich.
Fügen Sie Code für zusätzliche Funktionen hinzu, die das - Steuerelement benötigt.Ziehen Sie die Dokumentation für das benutzerdefinierte Steuerelement für alle Anforderungen nach.