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>) :

 
Sélectionnez

<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.

 
Sélectionnez

<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.

 
Sélectionnez

<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.

Image non disponible
Slider et zone de texte sont en parfaite synchronisation