Verwenden des Schiebereglersteuerelements mit Auto-Postback (VB)

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, den Schieberegler automatisch zu verschieben, sobald sich der Wert ändert.

Überblick

Das Schieberegler-Steuerelement im AJAX Control Toolkit bietet einen grafischen Schieberegler, der mit der Maus gesteuert werden kann. Es ist möglich, den Schieberegler automatisch zu verschieben, sobald sich der Wert ändert.

Schritte

Damit der Schieberegler bei einer Änderung automatisch postbacken kann, benötigen beide Textfelder das Attribut AutoPostBack="true": Das Textfeld, das selbst zum Schieberegler wird, und das Textfeld, das die Position des Schiebereglers enthält. Hier sehen Sie das erforderliche Markup für dies:

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

Das SliderExtender Steuerelement aus dem ASP.NET AJAX Control Toolkit weist die Schiebereglerfunktion den beiden Textfeldern zu:

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

Ein zusätzliches Bezeichnungselement wird später verwendet, um den Benutzer über ein Postback zu informieren:

<asp:Label ID="LastUpdate" runat="server" />

Schließlich lädt die ScriptManager Steuerung von ASP.NET AJAX das erforderliche JavaScript, damit das Control Toolkit funktioniert:

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

Nun wird der Schieberegler zurück gepostet. auf der Serverseite kann dieses Ereignis abgefangen und ausgeführt werden:

<script runat="server">
 Sub Page_Load()
 If Page.IsPostBack Then
 LastUpdate.Text = "Last update: " & DateTime.Now.ToLongTimeString()
 End If
 End Sub
</script>

Durch Das Verschieben des Schiebereglers wird ein Postback ausgelöst (Klicken Sie hier, um das bild in voller Größe anzuzeigen).

Anschließend wird das Datum dieser Änderung in die Bezeichnung geschrieben (Klicken Sie, um das bild in voller Größe anzuzeigen).

ZurückWeiter