Привязка данных элемента управления Slider (VB)
Элемент управления 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" />
Как видно в браузере, привязка данных работает в обоих направлениях: ввод нового значения в текстовом поле обновляет положение ползунка. Если сделать второе текстовое поле только для чтения, вы можете добавить слабую защиту к текстовому полю, чтобы пользователю было труднее вручную обновить значение в нем.
Ползунок и текстовое поле синхронизированы (щелкните для просмотра полноразмерного изображения)