Exemplarische Vorgehensweise: ASP.NET-AJAX-Extendersteuerelemente

  • Artikel

Aktualisiert: November 2007

ASP.NET-AJAX-Extendersteuerelemente erweitern die Clientfunktionen von ASP.NET-Webserversteuerelementen, wie TextBox-Steuerelementen, Button-Steuerelementen und Panel-Steuerelementen. Durch die Verwendung von Extendern können Sie Benutzern höhere Benutzerfreundlichkeit bei webbasierten Anwendungen bieten. In dieser exemplarischen Vorgehensweise verwenden Sie ein Extendersteuerelement, um die Funktionalität eines ASP.NET-Button-Webserversteuerelements zu erweitern.

Sie können Visual Studio ASP.NET-AJAX-Extendersteuerelemente hinzufügen und diese wie jedes andere Steuerelement verwenden. Sie können eigene Extendersteuerelemente erstellen oder vorhandene aus anderen Quellen beziehen.

Eine Quelle für Extendersteuerelemente ist das ASP.NET-AJAX Control Toolkit. Das Control Toolkit enthält Beispiele und ein SDK, um eine einfache Erstellung und Wiederverwendung von benutzerdefinierten Steuerelementen und Extendern zu ermöglichen. Sie können das ASP.NET-AJAX Control Toolkit von der ASP.NET-AJAX Control Toolkit-Website herunterladen.

Wichtiger Hinweis:

Das Control Toolkit ist eine durch eine Community unterstützte Bibliothek; es wird nicht von Microsoft unterstützt. In diesem Thema werden die Extendersteuerelemente erläutert, die als Beispiele zum Verwenden von Extendersteuerelementen im Control Toolkit enthalten sind. Sie sollten die Informationen in diesem Thema jedoch nicht so verstehen, dass die hier besprochenen Extendersteuerelemente offizielle Bestandteile von ASP.NET oder unterstützte Steuerelemente sind.

Weitere Informationen über Extendersteuerelemente in Visual Studio 2008 finden Sie unter Übersicht über ASP.NET-AJAX-Extendersteuerelemente. Weitere ausführliche Informationen über das ASP.NET AJAX Toolkit finden Sie auf der ASP.NET-AJAX Control Toolkit-Website.

Vorbereitungsmaßnahmen

Für die Durchführung der Verfahren in dieser exemplarischen Vorgehensweise benötigen Sie Folgendes:

  • Visual Studio 2008 oder Microsoft Visual Web Developer Express Edition.

  • Das ASP.NET-AJAX Control Toolkit. Sie können das Control Toolkit von der ASP.NET-AJAX Control Toolkit-Website herunterladen.

Erstellen einer Website

Zunächst erstellen Sie eine ASP.NET-Website, die in der Lage ist, AJAX-Funktionen auszuführen.

So erstellen Sie eine Dateisystem-Website

  1. Öffnen Sie Visual Studio 2008 oder Microsoft Visual Web Developer Express Edition.

  2. Klicken Sie im Menü Datei auf Neue Website.

  3. Klicken Sie im Dialogfeld Neue Website unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.

  4. Aktivieren Sie im Feld Speicherort das Kontrollkästchen Dateisystem, und geben Sie dann den Namen des Ordners ein, in dem Sie die Seiten der Website speichern möchten.

    Geben Sie z. B. den Ordnernamen C:\WebSite1 ein.

  5. Klicken Sie im Listenfeld Sprache auf Visual Basic oder Visual C#, und klicken Sie dann auf OK.

    Visual Studio erstellt den Ordner und öffnet eine neue Webseite mit dem Namen Default.aspx in der Ansicht Quelle.

Hinzufügen eines AJAX-Extendersteuerelements

Das ASP.NET-AJAX Control Toolkit enthält mehrere Extendersteuerelemente, die zur Erweiterung der Clientfunktionen von Webserversteuerelementen verwendet werden können.

Hinweis:

Bevor sie im folgenden Verfahren ein Extendersteuerelement zu einem Serversteuerelement hinzufügen, müssen Sie das ASP.NET-AJAX Toolkit installieren. Sie können das Control Toolkit von der ASP.NET-AJAX Control Toolkit-Website herunterladen.

So fügen Sie ein AJAX-Extendersteuerelement hinzu

  1. Wechseln Sie zur Ansicht Entwurf.

  2. Wenn die Seite noch kein ScriptManager-Steuerelement enthält, ziehen Sie aus der Toolbox von der Registerkarte AJAX-Erweiterungen eins auf die Seite.

    Hinweis:

    Ein ScriptManager-Steuerelement ist erforderlich, um AJAX-Funktionen zu unterstützen.

  3. Ziehen Sie aus der Toolbox von der Registerkarte Standard ein Button-Steuerelement auf die Seite.

  4. Wenn das Kontextmenü Schaltflächen-Aufgaben nicht angezeigt wird, klicken Sie mit der rechten Maustaste auf das Button-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.

  5. Klicken Sie im Menü Schaltflächen-Aufgaben auf Extender hinzufügen.

  6. Klicken Sie im Extender-Assistent in der Liste Wählen Sie die Funktionalität aus, die Button1 hinzugefügt werden soll auf ConfirmButtonExtender und dann auf OK.

    Hinweis:

    Sie können ein Extendersteuerelement auch hinzufügen, indem Sie das Extendersteuerelement von der Toolbox direkt auf das Button -Steuerelement ziehen.

  7. Erweitern Sie im Fenster Eigenschaften die Registerkarte Extender, und erweitern Sie dann Button1_ConfirmButtonExtender.

  8. Legen Sie die ConfirmText-Eigenschaft auf Weiter? fest.

Testen des Extendersteuerelements

Nun können Sie die Seite ausführen, um das Extendersteuerelement zu testen.

So testen Sie das Extendersteuerelement

  1. Drücken Sie STRG+F5, um die Seite im Browser auszuführen.

  2. Klicken Sie auf die Schaltfläche, die Sie der Seite hinzugefügt haben.

    Es wird ein Meldungsfeld zur Bestätigung angezeigt. Dies ist das Verhalten, das durch das Extendersteuerelement hinzugefügt wurde.

  3. Schließen Sie den Browser.

Entfernen eines AJAX-Extendersteuerelements

Wenn die Funktionalität eines Extendersteuerelements nicht mehr benötigt wird, können Sie das Extendersteuerelement entfernen.

So entfernen Sie ein AJAX-Extendersteuerelement

  1. Wechseln Sie in die Entwurfsansicht.

  2. Wählen Sie das Button-Steuerelement aus, und klicken Sie dann im Menü Schaltflächen-Aufgaben auf Extender entfernen.

  3. Wählen Sie in der Liste An Button1 angefügte Extender den Eintrag ConfirmButtonExtender aus.

  4. Klicken Sie auf Entfernen und dann auf OK.

Siehe auch

Konzepte

Übersicht über ASP.NET-AJAX-Extendersteuerelemente