Faire un async postback lors d'un lcik sur un div/panel

Version imprimable

10/07/2012, 11h36
Sergejack

Faire un async postback lors d'un lcik sur un div/panel

Bonjour.

J'aimerais que lorsqu'un utilisateur de mon site clique sur certains div(ça peut aussi être des asp:Panel si besoin est), cela déclenche une action résultant dans la mise à jour d'un updatepanel.

Il faudrait donc que ce div/panel fasse un async postback mais je ne trouve pas comment faire (par exemple RegisterAsyncPostBackControl n'accepte pas les div/panel en paramètre).

Pourriez-vous me dire comment faire, svp ?
12/07/2012, 13h59
klr54000

Citation:

Envoyé par Sergejack

Bonjour.

J'aimerais que lorsqu'un utilisateur de mon site clique sur certains div(ça peut aussi être des asp:Panel si besoin est), cela déclenche une action résultant dans la mise à jour d'un updatepanel.

Il faudrait donc que ce div/panel fasse un async postback mais je ne trouve pas comment faire (par exemple RegisterAsyncPostBackControl n'accepte pas les div/panel en paramètre).

Pourriez-vous me dire comment faire, svp ?

Tu peux essayer cela en utilisant un XMLHTTPRequest pour faire un appel ansychrone
12/07/2012, 14h03
Sergejack

Citation:

Envoyé par klr54000

Tu peux essayer cela en utilisant un XMLHTTPRequest pour faire un appel ansychrone

Est-ce que vous pouvez développer un peu plus ?
12/07/2012, 15h20
calagan99

Une solution possible est de passer par la méthode GetPostBackEventRefence de ton ScriptManager.

Regarde sur la MSDN

Voila un exemple de rafraichissement asynchrone pour remplir une Combobox à partir d'une autre Combobox :

La fonction javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
function RefreshCombobox(f,MonId,IdMaj)
           {
             var index = f.elements[MonId].selectedIndex;
 
             if(index >= 0) {
                var xhr_object = null;
 
                if(window.XMLHttpRequest) // Firefox
                  xhr_object = new XMLHttpRequest();
                else if(window.ActiveXObject) // Internet Explorer
                  xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
                else { // XMLHttpRequest non supporté par le navigateur
                  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest... Mise à jour impossible.");
                  return;
                }
 
                xhr_object.open("POST", "GestionCombobox.aspx", true);
 
                xhr_object.onreadystatechange = function() {
                  if(xhr_object.readyState == 4)
                    eval(xhr_object.responseText);
                }
 
                xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded;charset=ISO-8859-1");
                var data = "Parent=Statistiques&CB="+IdMaj+"&client="+escape(f.elements[MonId].options[index].value);
                xhr_object.send(data);
             }
           }

La page .aspx :

Code:

1
2
<asp:DropDownList onchange="RefreshCombobox(this.form,this.id,'CBPortefeuille')" ID="CBPole" runat="server" Width="208px">
<asp:DropDownList ID="CBPortefeuille" runat="server" Width="208px"/>

Dans la page GestionCombobox.aspx vous réalisez le traitement que vous souhaitez (dans mon cas remplissage de la combobox à partir de la BD).

Ce rafraîchissement peut être appliqué à votre cas en y mettant un évenement onclick() sur votre Panel

Voila j'espère que c'est un peu plus clair :mrgreen:

12/07/2012, 17h28
Sergejack

Citation:

Envoyé par calagan99

Une solution possible est de passer par la méthode GetPostBackEventRefence de ton ScriptManager.

Regarde sur la MSDN

Ça ne me permettra pas de faire le message en asynchrone, si ? 8O

@klr54000: Houla ! Hardcore XD J'aimerais faire plus simple si possible.