AJAX Extensions 1.0: So verwendet man das Update-Panel-Steuerelement

Die Aktualisierung eines Update-Panel-Steuerelements kann über Ereignisse anderer Steuerelemente außerhalb des Update-Panels gesteuert werden. Diese Steuerung erfolgt über so genannte Update-Panel-Trigger. Ein Trigger (Auslöser) verknüpft ein Update-Panel mit dem Ereignis eines anderen Steuerelements. Diese Trigger können asynchrones, AsyncPostBackTrigger, oder synchrones Postback, PostBackTrigger, sein.

Das folgende Listing bietet ein Beispiel dafür, wie ein Update-Panel mit einem anderen Steuerelement außerhalb des Update-Panels verknüpft wird. Ein asynchroner Trigger wird an das Klick-Ereignis eines Button-Steuerelements gekoppelt. Der Hauptteil (body) des Update-Panels wird aktualisiert, also über Postback neu geladen, wenn der Nutzer die Taste betätigt.

Der Hauptteil des Update-Panels enthält Code zur Darstellung des Datums und der Uhrzeit. Außerdem wird auch außerhalb des Update-Panels noch Code zur Darstellung von Datum und Uhrzeit abgelegt. Dieser Aufbau ermöglicht es, zuzusehen, wie das Update-Panel aktualisiert wird, der Rest der Seite jedoch nicht. Auch sieht man, wie die gesamte Seite bei einem erneuten Laden der Seite (Refresh) aktualisiert wird.

Trigger können Ereignisse von Steuerelementen oder auch von Wertänderungen sein. Trigger lassen sich also an so gut wie jedes Ereignis knüpfen. Beispielsweise kann man ein Datensteuerelement, etwa ein Grid-View, in sein eigenes Update-Panel platzieren und dann eine Verbindung mit dem Ereignis SelectedIndexChanged aus einem Drop-Down-List-Steuerelement herstellen, das sich außerhalb des Update-Panels befindet. So kann der Nutzer die auf Werten in einer Liste basierenden Daten ändern.

Feedback

Hat die AJAX-Technologie Ihre Entwickler-Projekte beeinflusst? Haben Sie ASP.NET-AJAX-Techniken in Ihre Anwendungen eingebunden? Teilen Sie Ihre Erfahrungen im Forum mit.