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

по Кристиан Венз

Скачать код или скачать PDF

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

Обзор

Элемент управления "ползунок" в наборе средств AJAX Control Toolkit предоставляет графический ползунок, который можно контролировать с помощью мыши. Можно привязать текущую положение ползунка к другому элементу управления 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 из набора средств управления AJAX ASP.NET делает ползунок из первого текстового поля и автоматически обновляет второе текстовое поле при изменении положения ползунка. Чтобы это работало, атрибуту TargetControlID SliderExtenderдолжен быть присвоен идентификатор первого текстового поля. атрибуту BoundControlID должен быть присвоен идентификатор второго текстового поля.

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

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

Ползунок и текстовое поле синхронизированы

Ползунок и текстовое поле синхронизированы (щелкните, чтобы просмотреть изображение с полным размером)