Datenbindung des Schieberegler-Steuerelements (C#)

von Christian Wenz

PDF herunterladen

Das Schieberegler-Steuerelement im AJAX Control Toolkit bietet einen grafischen Schieberegler, der mit der Maus gesteuert werden kann. Es ist möglich, die aktuelle Position des Schiebereglers an ein anderes ASP.NET-Steuerelement zu binden.

Überblick

Das Schieberegler-Steuerelement im AJAX Control Toolkit bietet einen grafischen Schieberegler, der mit der Maus gesteuert werden kann. Es ist möglich, die aktuelle Position des Schiebereglers an ein anderes ASP.NET-Steuerelement zu binden.

Schritte

Um die Funktionalität von ASP.NET AJAX und des Control Toolkits zu aktivieren, muss das ScriptManager Steuerelement an einer beliebigen Stelle auf der Seite platziert werden (aber innerhalb des <form> Elements):

<asp:ScriptManager ID="asm" runat="server" />

Fügen Sie als Nächstes der Seite zwei TextBox Steuerelemente hinzu. Ein Schieberegler wird in einen grafischen Schieberegler transformiert, der andere die Position des Schiebereglers.

<asp:TextBox ID="Slider1" runat="server" />
<asp:TextBox ID="SliderValue" runat="server" />

Der nächste Schritt ist bereits der letzte Schritt. Das SliderExtender Steuerelement aus dem ASP.NET AJAX Control Toolkit macht einen Schieberegler aus dem ersten Textfeld und aktualisiert automatisch das zweite Textfeld, wenn sich die Schiebereglerposition ändert. Damit dies funktioniert, muss das SliderExtenderAttribut 's auf die ID des ersten Textfelds TargetControlID festgelegt werden. Das BoundControlID Attribut muss auf die ID des zweiten Textfelds festgelegt werden.

<ajaxToolkit:SliderExtender ID="se1" runat="server" TargetControlID="Slider1"
 BoundControlID="SliderValue" />

Wie Sie im Browser sehen können, funktioniert die Datenbindung in beide Richtungen: Wenn Sie im Textfeld einen neuen Wert eingeben, wird die Position des Schiebereglers aktualisiert. Wenn Sie das zweite Textfeld schreibgeschützt machen, können Sie dem Textfeld einen schwachen Schutz hinzufügen, sodass es für den Benutzer schwieriger ist, den Wert dort manuell zu aktualisieren.

Schieberegler und Textfeld sind synchron (Klicken Sie hier, um das Bild in voller Größe anzuzeigen)

ZurückWeiter