Powiązanie danych kontrolki Slider (C#)
Autor: Christian Wenz
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)
