Powiązanie danych kontrolki Slider (C#)

Autor Christian Wenz

Pobierz kod lub Pobierz plik PDF

Kontrolka suwaka w zestawie narzędzi AJAX Control zawiera graficzny suwak, który można kontrolować za pomocą myszy. Można powiązać bieżącą pozycję suwaka z inną kontrolką ASP.NET.

Omówienie

Kontrolka suwaka w zestawie narzędzi AJAX Control zawiera graficzny suwak, który można kontrolować za pomocą myszy. Można powiązać bieżącą pozycję suwaka z inną kontrolką ASP.NET.

Kroki

Aby aktywować funkcje ASP.NET AJAX i zestawu narzędzi sterowania, formant ScriptManager musi być umieszczony w dowolnym miejscu na stronie (ale w obrębie elementu <form>):

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

Następnie Dodaj dwie TextBox kontrolki do strony. Jeden z nich zostanie przekształcony w suwak graficzny, a drugi będzie pomieścić położenie suwaka.

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

Następnym krokiem jest już ostatni krok. Kontrolka SliderExtender z zestawu narzędzi ASP.NET AJAX Control tworzy suwak z pierwszego pola tekstowego i automatycznie aktualizuje drugie pole tekstowe po zmianie położenia suwaka. Aby to działało, atrybut TargetControlID SliderExtendermusi być ustawiony na identyfikator pierwszego pola tekstowego; atrybut BoundControlID 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: wprowadzenie nowej wartości w polu tekstowym aktualizuje pozycję suwaka. Jeśli nastąpi odczytanie drugiego pola tekstowego, możesz dodać słabą ochronę do pola tekstowego, aby utrudnić Użytkownikowi ręczne zaktualizowanie wartości w tym miejscu.

Suwak i pole tekstowe są zsynchronizowane

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