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

Кристиан Венц

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

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

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

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

Этапы

Чтобы активировать функциональные возможности ASP.NET AJAX и control Toolkit, 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 делает ползунок из первого текстового поля и автоматически обновляет второе текстовое поле при изменении положения ползунка. Чтобы это работало, SliderExtenderатрибуту TargetControlID необходимо задать идентификатор первого текстового поля; BoundControlID атрибуту необходимо задать идентификатор второго текстового поля.

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

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

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

Назад