ASP.NET Ajax - AsyncPostBackTrigger qui ne fonctionne pas deux fois de suite?

Bonjour à tous,

Je ne sais pas si beaucoup d'entre vous utilisent Ajax sur ASP.NET, moi j'ai un problème "de base" (qui ne devrait pas être si compliqué) mais je n'arrive pas à trouver de solution malgré mes recherches sur internet.

Ci dessous un exemple très simple que vous pouvez copier dans un projet de test pour reproduire le problème.

J'ai :
- Un label (en dehors de l'UpdatePanel).
- Un UpdatePanel avec un label à l'intérieur.
- Un bouton (en dehors de l'UpdatePanel).

Dans le code juste derrière j'ai créé un AsyncPostBackTrigger et je l'ai lié sur l'événement du clic du bouton.

Le bouton sert simplement à ajouter la date actuelle sur le label qui est dans l'updatepanel.
À chaque postback complet, le label à l'extérieur de l'updatepanel est mis à jour avec la date actuelle.

Mon problème est le suivant:

Le premier clic sur le bouton fait un rendu partiel (c'est ce que je veux, c'est le but de l'utilisation d'ajax), mais un autre clic fait un postback COMPLET (reload de toute la page!) à la place de le faire partiellement.

Contenu de Page1.aspx :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div> <asp:Label ID="Label_FullPostBack" runat="server" Text="Label"></asp:Label> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label_PartialPostBack" runat="server" Text="Label"></asp:Label> </ContentTemplate> </asp:UpdatePanel> <asp:Button ID="Button1" runat="server" Text="Test" /> </div>

---

CodeBehind de Page1.aspx :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load If IsPostBack() Then Label_FullPostBack.Text = Date.Now() End If Dim x As New AsyncPostBackTrigger() x.ControlID = Button1.UniqueID x.EventName = "Click" UpdatePanel1.Triggers.Add(x) End Sub   Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click System.Threading.Thread.Sleep(1000) 'To see changes Label_PartialPostBack.Text = Date.Now() End Sub

---

Comment faire pour éviter que ça reload tout? J'aimerai avoir une requête ajax à chaque clic, et pas une fois sur deux :?

Merci d'avance pour votre aide précieuse.

Micaël

C'est juste un problème d'ordre des événements du cycle de la page.
Tu crées l'AsyncPostBackTrigger trop tard.

Soit tu fais ça en code behind (C# ici)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

protected void Page_Init(object sender, EventArgs e) { var x = new AsyncPostBackTrigger(); x.ControlID = Button1.ID; UpdatePanel1.Triggers.Add(x); }   protected void Page_Load(object sender, EventArgs e) { if (IsPostBack) Label_FullPostBack.Text = DateTime.Now.ToString(); }   protected void Button1_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(1000); Label_PartialPostBack.Text = DateTime.Now.ToString(); }

---

Soit tu crées l'AsyncPostBackTrigger dans le code ASPX

Code:

---

1 2 3 4 5 6 7 8 9 10

<asp:Label ID="Label_FullPostBack" runat="server" Text="Label"></asp:Label> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label_PartialPostBack" runat="server" Text="Label"></asp:Label> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" /> </Triggers> </asp:UpdatePanel> <asp:Button ID="Button1" runat="server" Text="Test" OnClick="Button1_Click" />

---

Un grand merci pour ta réponse :D

Ok j'ai essayé ça :

Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init

Dim x As New AsyncPostBackTrigger()
x.ControlID = Button1.UniqueID
x.EventName = "Click"
UpdatePanel1.Triggers.Add(x)
End Sub

Et ça fonctionne parfaitement maintenant (au moins sur cet exemple)!
Donc j'aurais juste à déplacer tous mes codes dans le Me.Init à la place du Me.Load on dirait... je vais voir si ça fonctionne

Question bête :
Pourquoi cela fonctionnait une fois en Ajax et pour le reste pas une seule fois?