Datenbindung (HTML)
[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation]
Zweck
Mithilfe der Datenbindung können Sie die Elemente der App mit unterschiedlichen Datenquellen wie Datenbanken, Dateien und interne Objekte synchronisieren.
Inhalt dieses Abschnitts
| Thema | Beschreibung |
|---|---|
Sie können mit der Bindung in der Windows-Bibliothek für JavaScript Daten und Stile an HTML-Elemente binden. Bindungen mit WinJS funktionieren standardmäßig nur in eine Richtung. Dies bedeutet, dass das HTML-Element aktualisiert wird, wenn Daten- und Stilwerte geändert werden, Daten jedoch nicht aktualisiert werden, wenn sich HTML-Werte ändern. In dieser Schnellstartanleitung wird die einfachste Art der Bindung vorgestellt. Dabei handelt es sich um eine deklarative Bindung an ein einfaches Objekt, das nur Daten enthält. Informationen zu komplexeren Bildungsformen finden Sie in Binden von komplexen Objekten und Binden von Daten mit Vorlagen. |
|
Häufig möchten Sie, dass Ihre App an komplexe Objekte gebunden wird, insbesondere an solche Objekte, die Prozesse verwalten und nicht von der UI der App kontrolliert werden. In diesem Thema erfahren Sie, wie Sie eine App schreiben, die Daten aus einem Objekt anzeigt, das einen Namen und eine Farbe enthält. Dies ist im Wesentlichen dasselbe wie Schnellstart: Binden von Daten und Stilen. In diesem Fall verwaltet das Objekt den Änderungsprozess jedoch selbst, anstatt auf eine Schaltfläche zu reagieren, durch die die Änderung ausgelöst wird. |
|
So wird's gemacht: Verwenden von Vorlagen zum Binden von Daten |
Vorlagen der Windows-Bibliothek für JavaScript bieten eine bequeme Möglichkeit, um mehrere Dateninstanzen zu formatieren und anzuzeigen. Sie können diese Vorlagen in Verbindung mit ListView- und FlipView-Objekten verwenden, um festzulegen, wie sie angezeigt werden sollen. Außerdem können Sie mithilfe einer Vorlage mehrere Instanzen eines Datenobjekts binden, ohne eine vordefinierte Ansicht zu verwenden. Weitere Informationen zur Verwendung einer Vorlage mit ListView finden Sie unter Schnellstart: Hinzufügen von ListView-Steuerelementen. Weitere Informationen zur Verwendung einer Vorlage mit FlipView finden Sie unter Schnellstart: Hinzufügen von FlipView-Steuerelementen. Das folgende Verfahren zeigt die Verwendung einer Vorlage für ein Array. Sie können eine Vorlage deklarativ als WinJS-Steuerelement definieren und dessen interne Struktur und den Stil festlegen. Vorlagen werden zwar als DIV-Elemente deklariert, jedoch nicht als Teil des DOM verarbeitet und nicht im Rahmen der DOM-Suchergebnisse zurückgegeben. Sie können das DIV-Element für die Vorlage angeben oder zulassen, dass die render-Methode ein eigenes DIV-Element erstellt. In diesem Thema wird erläutert, wie Sie eine variable Anzahl bindbarer Datenobjekte mithilfe einer Vorlage an ein DIV-Element binden. Der Benutzer wählt die Anzahl anzuzeigender Objekte aus, indem er ein Element aus einer Dropdownliste auswählt. |
Entwicklergruppe
Dieser Abschnitt richtet sich an Entwickler von Windows-Runtime-Apps mit JavaScript, die verschiedene Arten von Daten in ihren Apps darstellen möchten.