Привязка данных элемента управления Slider (C#)

Кристиан Венц (Christian Wenz)

Загрузить PDF-файл

Элемент управления Slider в наборе элементов управления AJAX предоставляет графический ползунок, которым можно управлять с помощью мыши. Текущее положение ползунка можно привязать к другому элементу управления ASP.NET.

Общие сведения

Элемент управления Slider в наборе элементов управления AJAX предоставляет графический ползунок, которым можно управлять с помощью мыши. Текущее положение ползунка можно привязать к другому элементу управления ASP.NET.

Этапы

Чтобы активировать функциональные возможности ASP.NET AJAX и набора средств управления, ScriptManager элемент управления должен находиться в любом месте страницы (но в элементе <form> ).

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

Затем добавьте на страницу два TextBox элемента управления. Один из них будет преобразован в графический ползунок, а другой будет удерживать положение ползунка.

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

Следующий шаг уже является последним. Элемент SliderExtender управления из ASP.NET AJAX Control Toolkit создает ползунок из первого текстового поля и автоматически обновляет второе текстовое поле при изменении положения ползунка. Чтобы это работало, SliderExtenderатрибуту TargetControlID должно быть присвоено значение идентификатора первого текстового поля; BoundControlID атрибуту необходимо задать идентификатор второго текстового поля.

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

Как видно в браузере, привязка данных работает в обоих направлениях: ввод нового значения в текстовом поле обновляет положение ползунка. Если сделать второе текстовое поле только для чтения, вы можете добавить слабую защиту к текстовому полю, чтобы пользователю было труднее вручную обновить значение в нем.

Ползунок и текстовое поле синхронизированы (щелкните для просмотра полноразмерного изображения)

НазадВперед