Powiązanie danych kontrolki Slider (C#)

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. Istnieje możliwość powiązania bieżącej pozycji suwaka z inną kontrolką ASP.NET.

Omówienie

Kontrolka Slider w zestawie narzędzi AJAX Control Toolkit udostępnia suwak graficzny, który można kontrolować za pomocą myszy. Istnieje możliwość powiązania bieżącej pozycji suwaka z inną kontrolką ASP.NET.

Kroki

Aby można było aktywować funkcje ASP.NET AJAX i Control Toolkit, kontrolka ScriptManager musi zostać umieszczona w dowolnym miejscu na stronie (ale w elemecie <form> ):

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

Następnie dodaj dwie TextBox kontrolki do strony. Jeden zostanie przekształcony w suwak graficzny, a drugi będzie trzymać pozycję suwaka.

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

Następnym krokiem jest już ostatni krok. Kontrolka SliderExtender z zestawu ASP.NET AJAX Control Toolkit sprawia, że suwak jest wyświetlany poza pierwszym polem tekstowym i automatycznie aktualizuje drugie pole tekstowe po zmianie położenia suwaka. Aby to zadziałało, SliderExtenderatrybut "s TargetControlID musi być ustawiony na identyfikator pierwszego pola tekstowego; BoundControlID atrybut musi być ustawiony na identyfikator drugiego pola tekstowego.

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

Jak widać w przeglądarce, powiązanie danych działa w obu kierunkach: wprowadzanie nowej wartości w polu tekstowym aktualizuje położenie suwaka. Jeśli drugie pole tekstowe będzie tylko do odczytu, możesz dodać słabą ochronę do pola tekstowego, aby utrudnić użytkownikowi ręczne zaktualizowanie w nim wartości.

Suwak i pole tekstowe są zsynchronizowane (kliknij, aby wyświetlić obraz pełnowymiarowy)

WsteczDalej