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

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

Article lu   fois.

Les deux auteurs

Site personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

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

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

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. Droits de diffusion permanents accordés à Developpez LLC.