Les bases fondamentales de ASP.NET

Formation les bases fondamentales de ASP.NET, tutoriel & guide de travaux pratiques en pdf.

Le contrôle UpdatePanel 

Présentation 

Un contrôle UpdatePanel est un conteneur de contrôles, désignant une partie d’une page,  qui peut être rafraîchie de manière indépendante de la page.  En effet, le contenu de ce contrôle  peut être rafraîchi de manière asynchrone, lorsque l’un des contrôles contenu (ou bien même de la  page) effectue un postback. Ainsi, vu qu’il permet alors d’éviter les rafraîchissements complets des  pages, on constate les effets suivants :
‐ Réduction du scintillement des pages  ‐ Meilleure interactivité entre l’utilisateur et l’application
Afin de pouvoir être utilisé dans les pages Web, la propriété EnablePartialRendering du  contrôle ScriptManager doit être valorisée à True (valeur par défaut). Une page peut contenir un ou  plusieurs contrôles UpdatePanel.

Mise en œuvre
Un premier exemple

Dans une page ASP .NET :
‐ Ajouter un contrôle ScriptManager.  ‐ Ajouter deux contrôles Label affichant la date et l’heure courante.  ‐ Ajouter un boutons permettant de valorisant les deux contrôles Label précédemment  ajoutés, avec la date et l’heure courante.
updateMode  Permet de définir le mode de rendu du tableau, en déterminant sous quelles  conditions il peut être mis à jour. Deux valeurs possibles : always (par  défaut) et conditional
// C#
<form id= »form1″ runat= »server »> <asp:ScriptManager ID= »ScriptManager1″ runat= »server »> </asp:ScriptManager> Date et heure n°1 : <asp:Label ID= »LblDateHeure1″ runat= »server » Text= » »></asp:Label> <br /> <br /> Date et heure n°2 : <asp:Label ID= »LblDateHeure2″ runat= »server » Text= » »></asp:Label> <br /> <br /> <asp:Button ID= »CmdRafraichir » runat= »server » Text= »Rafraichir » onclick= »CmdRafraichir_Click » /> </form>
protected void CmdRafraichir_Click(object sender, EventArgs e) { string sDateHeureCourante;
sDateHeureCourante = DateTime.Now.ToString();
LblDateHeure1.Text = sDateHeureCourante; LblDateHeure2.Text = sDateHeureCourante;

Mise  à jour 

Concernant la mise à jour d’un contrôle UpdatePanel, les règles de base (par défaut) sont  les  suivantes :
‐   ‐ Tout contrôle situé dans un contrôle UpdatePanel réalisant un postback, met à jour :  o Le contrôle UpdatePanel lui‐même.  o Tous les autres contrôles UpdatePanel présents dans la page, excepté pour ceux  pour lesquels la propriété UpdateMode est valorisée à Conditional.  ‐ Tout contrôle contenu directement dans la page, réalisant un postback, met à jour la page, et  par conséquent les contrôles UpdatePanel  contenus. Cette règle n’est plus vraie si un trigger  (déclencheur) est définie sur un des contrôles UpdatePanel de la page. Dans ce cas, on  retombe dans le cas précédent.  Il existe deux types de triggers :  o Les triggers asynchrones (AsyncPostBackTrigger).  o Les triggers synchrones (PostBackTrigger).
Ces deux triggers possèdent deux propriétés :
‐ ControlID : identifiant du contrôle déclenchant le post back.  ‐ EventName : nom de l’évènement du contrôle, à partir duquel le postback sera effectué.
Il est aussi possible de mettre à jour dynamiquement le contrôle UpdatePanel côté serveur,  via la méthode Update(). Mais attention, cette méthode peut lever une exception dans les cas où :
‐ La propriété UpdateMode du contrôle UpdatePanel est valorisée à Always.  ‐ Si elle est appelée après l’obtention du rendu de la page.

Cours gratuitTélécharger le cours complet

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *