Slider

Descripción

El Slider es un extendedor del TextBox, de modo que al aplicarlo sobre él, se convierte en un deslizador (ver ejemplo). Sus funcionalidades son múltiples.
Por ejemplo se puede sincronizar con un TextBox o una Label, de modo que se va mostrando el valor numérico que representa.

Podemos elegir un valor mínimo y un valor máximo, así como permitir números decimales. El movimiento del Slider puede ser contínuo o discreto (le marcaremos los pasos que debe dar).

Además, soporta postbacks e incluso lo podemos combinar con un UpdatePanel para viajar al servidor en modo AJAX.

Propiedades

• Minimum: Valor inferior. Por defecto es 0.
• Maximum: Valor superior. Por defecto 100.
• Decimals: Cantidad de decimales. Por defecto no hay.
• Steps: Cuando queramos un deslizamiento discreto, marcaremos la cantidad de pasos.
• Value: Valor actual del deslizador.
• EnableHandleAnimation: Activa la animación.
• HandleAnimationDuration: duración en milisegundos de la animación.
• RailCssClass: Asigna una clase CSS a la vía sobre la que se mueve el deslizador.
• HandleCssClass: Asigna una clase CSS al deslizador.
• HandleImageURL: opcionalmente podemos asignar una imagen al deslizador.
• Length: Longitud del deslizador. Por defecto se cogerá la longitud del TextBox que estamos extendiendo
• BoundControlID: ID del TextBox o Label en el que estamos mostrando el valor del deslizador.
• RaiseChangeOnlyOnMouseUp: Si se activa, lanza el evento “change” cuando se suelta el botón izquierdo del ratón.

Ejemplo

Mostramos lo fácil que es crear un Slider.

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server"
TargetControlID="TextBox1"
BoundControlID="TextBox2" />