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

Das ASP.NET-AJAX-Control-Toolkit enthält eine erstaunliche Anzahl von Steuerelementen. Es sind entschieden zu viele, um sie in diesem Artikel alle aufzuführen.

Grob gesagt sind zwei Arten von Steuerelementen vertreten. Einmal gibt es neue Steuerelemente, die bislang nicht verfügbare Funktionen bieten. Beispiele für solche innovativen Steuerelemente wären etwa Accordion, Tab-Container und Tab-Panel. Die Steuerelemente Tab-Container und Tab-Panel bieten eine einfache Möglichkeit zum Integrieren von Registerkarten in eine Benutzeroberfläche. Das Accordion-Steuerelement ermöglicht das Anlegen verschiedenster Panels, die jeweils einzeln angezeigt werden können, ähnlich einer Gruppe ausklappbarer Bereiche.

Außerdem stellt das Toolkit Extender-Steuerelemente bereit, die vorhandene ASP.NET-Steuerelemente um AJAX- oder Client-seitige Funktionen erweitern. Diese Steuerelemente werden zusammen mit ihren ASP.NET-Entsprechungen eingesetzt. Beispiele für solche Steuerelemente sind Confirm-Button-Extender, Calendar-Extender und Drag-Panel-Extender.

Extender-Steuerelemente sind an bestimmte Arten von Steuerelementen gebunden. Sie lassen sich also nur zusammen mit diesen Steuerelementen verwenden. Ihre Eigenschaft TargetControlID verweist auf den Namen des Steuerelements, mit dem sie interagieren.

Sobald das Extender-Steuerelement hinzugefügt wurde, ergänzt es das entsprechende Steuerelement um eine neue Gruppe von Eigenschaften. So wird zum Beispiel das Confirm-Button-Extender-Steuerelement mit dem normalen ASP.NET-Button-Steuerelement verknüpft. Sobald es einer Seite hinzugefügt und einem bestimmten Button-Steuerelement zugeordnet wird, übernimmt dieses Button-Steuerelement auch neue Eigenschaften. Zu diesen neuen Eigenschaften gehört ConfirmText. Sie bestimmt den Text, der im Bestätigungsfenster angezeigt wird, sowie einen booleschen Wert, der signalisiert, ob beim Abschicken des Formulars eine Bestätigungsmeldung erfolgen soll.

Das Confirm-Button-Extender-Steuerelement ermöglicht das Bereitstellen eines Bestätigungsfensters, um noch einmal zu kontrollieren, ob der Benutzer auch wirklich einen Button anklicken wollte. Bislang erreichte man dies mit Javascript-Code, der mit dem ASP.NET-Button-Steuerelement verknüpft wurde.

Calendar ist ein AJAX-Extender, der sich mit jedem ASP.NET-Text-Box-Steuerelement verknüpfen lässt. Damit kann auf Clientseite ein Datum ausgewählt werden, wobei man in einem Pop-up-Steuerelement Datumsformat und Benutzeroberfläche selbst festlegen kann. Der Drag-Panel-Extender bietet die Möglichkeit, ASP.NET-Panels per Drag and Drop innerhalb einer Benutzeroberfläche zu verschieben.