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