Utiliser le contrôle Slider avec auto-postback

| Christian Wenz | Philippe Vialatte (Traduction) |

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

- Titre : Utiliser le contrôle Slider avec auto-postback

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

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

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

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

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

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

<script runat="server">
void Page_Load(){
if (Page.IsPostBack){
LastUpdate.Text = "Last update: " + DateTime.Now.ToLongTimeString();
}
}
</script>

Déplacer le curseur déclenche un postback

Ensuite, la date de ce changement est affichée dans le Label