Einführung: Mit dem AJAX-Control-Toolkit Oberflächen aufpolieren

Das erste Beispiel verwendet das Confirm-Button-Extender-Steuerelement mit einem Button-Steuerelement, das in einem AJAX-Update-Panel-Steuerelement platziert ist. Der im Label-Steuerelement angezeigte Text übernimmt das aktuelle Datum samt Uhrzeit, wenn der Button angeklickt wird.

Die Anpassung des Textes im Label-Steuerelement funktioniert über eine partielle Seitenaktualisierung. Der Confirm-Button-Extender wird neben dem Button-Steuerelement im Update-Panel platziert. Dadurch erscheint ein Bestätigungsfenster, ehe die partielle Seitenaktualisierung erfolgt.

Wie man an diesem Beispiel erkennen kann, verwendet das AJAX-Control-Toolkit sein eigenes Script-Manager-Steuerelement namens Toolkit-Script-Manager. Es ist ein neues Steuerelement, das von Script-Manager abgeleitet wurde. Ein interessanter Aspekt des Toolkit-Script-Manager-Steuerelements ist beispielsweise seine Fähigkeit, automatisch Scripts zu kombinieren und komprimieren, falls auf der Seite mehrere Javascript-Dateien mit der verwendeten AJAX-Funktionalität verknüpft sind.

Der Calendar-Extender ist ein weiteres Steuerelement, das mit vorhandenen ASP.NET-Steuerelementen verbunden ist. Er interagiert mit Text-Box-Steuerelementen. Ein mithilfe des Calendar ausgewähltes Datum wird in das Text-Box-Steuerelement eingetragen. Das Calendar-Steuerelement öffnet sich, sobald der Benutzer in das Text-Box-Steuerelement klickt. Es kann alternativ auch beim Klicken auf ein Bild geöffnet werden, das neben dem Text-Box-Steuerelement platziert wird.

Die folgenden ASP.NET-Seiten verwenden das Calendar-Extender-Steuerelement. Es ist mit der Text-Box txtDate verknüpft. Der TargetControlID des Calendar-Extender wird der Name des Text-Box-Steuerelements übergeben. Durch die Verwendung des Standardverhaltens erscheint der Kalender, sobald die Text-Box auf der Seite angesteuert wird. Der Kalender verschwindet wieder, wenn ein anderer Bereich ausgewählt wird. Dies ist zwar nur ein einfaches Beispiel, aber es trägt erheblich zur Benutzerfreundlichkeit des UIs bei.

Fazit

Das ASP.NET-AJAX-Control-Toolkit ist wirklich eine feine Sache. Es bietet eine überwältigende Zahl von Optionen zur Aufwertung einer Benutzeroberfläche. Zugleich nutzt es die Vorteile der AJAX-Programmiertechniken, die sich bei der Gestaltung von UIs bereits als produktiv erwiesen haben. Mit diesem Toolkit als Ergänzung der ASP.NET AJAX Extensions schließt Microsoft sich endgültig der AJAX-Revolution an.