Next Generation "ASP.NET Ajax" – Dynamische Webseiten ohne Postbacks

Zunächst wird der WCF-Endpoint in Form eines ADO.NET Data Services erstellt. Dies gelingt am einfachsten, indem zunächst die Northwind-Datenbank in ein ADO.NET Entity Framework-Modell gekapselt wird. Die daraus resultierende Kontextklasse wird als Typparameter der generischen Klasse DataService übergeben (Listing 1). Danach kann der Service bereits im Browser aufgerufen werden. Abbildung 1 zeigt das Ergebnis des Aufrufs im Browser. Somit ist der Datengeber für die Northwind Anwendung erstellt. Als nächstes erfolgt die Umsetzung der HTML-Oberfläche um die Daten anzuzeigen und zu bearbeiten.

 

Abbíldung 1: Auswhal eines Datensatzes

Im Mittelpunkt der ASP.NET Ajax Library steht, wenn es um die Anzeige und Bearbeitung von Daten geht, das DataView-Steuerelement. Dieses wird sowohl für die Anzeige von Datenlisten sowie für die Anzeige von einzelnen Datensätze zur Bearbeitung verwendet. Das DataView-Element erlaubt die Definition eines Layouts sowie die dynamische Einbettung von Daten mittels Platzhaltern. Vergleichbar ist dies mit dem klassischen ASP.NET-GridView Steuerelement. Die Definition des Layouts erfolgt direkt in HTML. Soll mithilfe des DataView eine Liste von Daten dargestellt werden, wird das Layout nur einmal definiert und später automatisch für jeden Datensatz kopiert und dem DOM (Document Object Model) dynamisch hinzugefügt. Listing 2 demonstriert die Verwendung und den Aufbau eines solchen Templates. Das Listing zeigt auch die Syntax der Datenbindung. Innerhalb der Liste wird die einfache Datenbindung verwendet.

Insgesamt existieren drei verschiedene Bindungsmodi:

One-time - die Daten werden einmal während des Anzeigeprozesses geladen und angezeigt. Ändern sich die Daten im späteren Verlauf, wird die Anzeige nicht aktualisiert.

One-way Live Binding - Änderungen an den Daten werden überwacht und sofort angezeigt. Direkte Datenänderungen sind nicht möglich.

Two-way Live Binding - Wie One-Way Live Binding. Zusätzlich können hierüber die Daten manipuliert werden. Daher verwendet man diesen Modus typischerweise bei HTML INPUT-Elementen.