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

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

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

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

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

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