Lier une source de données à un contrôle Slider

| Christian Wenz | Philippe Vialatte (Traduction) |

Le contrôle Slider de l'AJAX Control Toolkit est la représentation graphique d'un curseur, qui peut être contrôlé avec la souris. Il est possible de lier la position courante du curseur à un autre contrôle ASP.NET.
Voir une démo
Téléchargez le code de ce tutoriel

- Titre : Lier une source de données à un contrôle Slider

- Auteurs : Christian Wenz, Philippe Vialatte (Traduction)

- Parution : 3 mai 2009

- Mise à jour : 3 mai 2009

- Licence : Copyright ® 2009 Equipe Dotnet. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- Traduction

- Étapes

Traduction

Cet article est la traduction la plus fidèle possible de l'article original : Databinding the Slider Control

Étapes

Afin d'activer les fonctionnalités d'ASP.NET AJAX, et du Control Toolkit, le contrôle ScriptManager doit être placé sur la page, n'importe où (mais dans l'élément <form>) :

<asp:ScriptManager ID="asm" runat="server" />

Ensuite, ajouter deux contrôles TextBox à la page. L'un sera transformé en un curseur graphique, et l'autre conservera la position du curseur.

<asp:TextBox ID="Slider1" runat="server" />
<asp:TextBox ID="SliderValue" runat="server" />

La prochaine étape est l'étape finale. Le contrôle SliderExtender de l'AJAX Control Toolkit transforme en curseur la première zone de texte et met à jour automatiquement la deuxième zone de texte lorsque le curseur change de position. Pour que cela fonctionne, l'ID de la première zone de texte doit être affecté à l'attribut TargetControlID du SliderExtender, et l'ID de la deuxième zone de texte affectée à l'attribut BoundControlID.

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

Comme vous pouvez le voir dans le navigateur, la liaison de données fonctionne dans les deux directions : entrer une nouvelle valeur dans la zone de texte met à jour la position du curseur. Si vous configurez la deuxième zone de texte en lecture seule, vous pouvez ajouter une faible protection à la zone de texte, de sorte qu'il soit difficile pour l'utilisateur de mettre à jour manuellement la valeur dans ce contrôle.

Slider et zone de texte sont en parfaite synchronisation