Utiliser le contrôle Slider avec auto-postback

Le contrôle ModalPopup de l'AJAX Control Toolkit offre une manière simple de créer une pop-up modale coté client. Il est possible de faire un postback automatiquement lorsque sa valeur change.
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 : Using the Slider Control With Auto-Postback

Étapes

Afin que le curseur effectue automatiquement un postback lors d'un changement, les deux zones de texte besoin de l'attribut AutoPostBack="true" : La zone de texte qui deviendra le curseur et la zone de texte qui contient la position du curseur. Voici les balises nécessaires pour cela :

 
Sélectionnez

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

Le contrôle SliderExtender de l'AJAX Control Toolkit assigne la fonctionnalité de curseur aux deux zones de texte :

 
Sélectionnez

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

Un élément Label sera utilisé ensuite, pour informer l'utilisateur d'un postback:

 
Sélectionnez

<asp:Label ID="LastUpdate" runat="server" />

Enfin, le contrôle ScriptManager d'ASP.NET AJAX charge le JavaScript requis pour que le Control Toolkit fonctionne :

 
Sélectionnez

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

Maintenant, le curseur génère des postback. Cet événement peut être intercepté et pris en compte coté serveur :

 
Sélectionnez

<script runat="server">      
	void Page_Load(){           
		if (Page.IsPostBack){                
			LastUpdate.Text = "Last update: " + DateTime.Now.ToLongTimeString();           
		}      
	}
</script>
Image non disponible
Déplacer le curseur déclenche un postback
Image non disponible
Ensuite, la date de ce changement est affichée dans le Label

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.