Udostępnij za pośrednictwem

Korzystanie z kontrolki Suwak z automatycznym postbackiem (VB)

  • Artykuł

Autor: Christian Wenz

Pobierz plik PDF

Kontrolka Slider w zestawie narzędzi AJAX Control Toolkit udostępnia suwak graficzny, który można kontrolować za pomocą myszy. Po zmianie jego wartości można wprowadzić autopostback suwaka.

Omówienie

Kontrolka Slider w zestawie narzędzi AJAX Control Toolkit udostępnia suwak graficzny, który można kontrolować za pomocą myszy. Po zmianie jego wartości można wprowadzić autopostback suwaka.

Kroki

Aby suwak automatycznie ogłaszał się po zmianie, oba pola tekstowe wymagają atrybutu AutoPostBack="true": Pole tekstowe, które stanie się suwakiem, oraz polem tekstowym, które przechowuje położenie suwaka. Oto wymagane znaczniki dla tego:

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

Kontrolka SliderExtender z zestawu ASP.NET AJAX Control Toolkit przypisuje funkcję suwaka do dwóch pól tekstowych:

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

Dodatkowy element etykiety będzie później używany do informowania użytkownika o wycofaniu:

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

Na koniec kontrolka ScriptManager ASP.NET AJAX ładuje wymagany kod JavaScript, aby zestaw narzędzi Control Toolkit działał:

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

Teraz suwak publikuje z powrotem; po stronie serwera to zdarzenie może zostać złapane i podjęte na:

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

Przesuwanie suwaka wyzwala postback

Przesuwanie suwaka wyzwala powrót (kliknij, aby wyświetlić obraz pełnowymiarowy)

Następnie data tej zmiany jest zapisywana w etykiecie

Następnie data tej zmiany jest zapisywana w etykiecie (kliknij, aby wyświetlić obraz pełnowymiarowy)

WsteczDalej