Discussion :

[zooffy]

Bonjour tout le monde

Je suis confronté à un souci que j'ai du mal à suivre par méconnaisance de l'AJAX, je pense.

J'ai fait un composant utilisateur (ASCX) dans lequel j'ai mis deux UpdatePanel. Naturellement j'ai mis deux UpdateProgress, un pour chacun.

L'UpdateProgress du deuxième UpdatePanel, marche bien, sans souci.
L'updateProgress du premier marche pas du tout. J'ai essayé d'enlever le deuxième, me disant que cela viendrait peut-être de là : non, ça marche pas plus.

La seul chose qui me fait réagir c'est que dans le premier UpdatePanel j'ai un compoasnt Ajax assez complexe : DAyPilot. Alors dans dans l'autre j'ai juste un DetailView, lièe au DayPilot.

L'ennui c'est je ne sais pas quoi tester pour comprendre d'où vient ne non déclenchement de l'UpdateProgress.

Pouvez-vous m'aiguiller ?

[Nicolas Esprit]

Bonjour,

Il nous faudrait la déclaration de ton UpdatePanel ainsi que du UpdateProgress (le content n'est pas utile).

Il faut vérifier si l'UpdateProgess a bien son UpdatePanel associé défini. Ensuite il faut voir quel est l'UpdateMode de ton UpdatePanel (Conditionnal, Always). Et si Conditionnal quels sont les Triggers définis.

[calagan99]

Solution alternative :
je ne sais plus dans quel post la semaine dernière quelqu'un te proposait une solution à base de PageRequestManager.
Là encore il peut t-être utile :

tu colles dans ta page une div (avec un id du genre "DivUpdate") avec un petit gif tournant puis, dans ton aspx, entre deux balises scripts :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequest);    
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequest);
 
function BeginRequest(sender, args) {
document.getElementById("DivUpdate").style.display = "block";
}
function EndRequest(sender, args) {
document.getElementById("DivUpdate").style.display = "none";
}

Ainsi, à chaque postback partiel de ta page (autrement dit mise à jour de n'importe quel updatePanel) ta div sera affichée puis masquée une fois le postback terminé.

[Nicolas Esprit]

Bonjour,

Oui effectivement on peut faire cela, de même on peut utiliser JQuery pour customiser...

Mais, le problème ici vient simplement d'une mauvaise utilisation de l'UpdateProgress. Attendons de voir où est le problème avant de réinventer la roue non ?

[EDIT]Toutefois il est bien utile de préciser l'existence duPageRequestManager pour ceux qui utilisent l'UpdatePanel à tout va[/EDIT]

[calagan99]

Effectivement.
Cependant, la solution proposée à jute l'avantage de ne pas alourdir la page avec deux UpdateProgress quand 2 mini fonctions js peuvent gérer ça. C'est simplement pour ça que je proposais ces quelques lignes de code.

Néanmoins, tu as raison sur le fait qu'il sera utile à Zooffy qu'on essaye de déterminer ce qui ne va pas dans son code.

[zooffy]

Merci les Gars, c'est trés constructif et interressant.

Je test ça dans l'Aprem.

En attendant, c'est l'innénarable LuteceFalco qui me parlait de PageRequestManager

Au niveau déclaration, voici ce que j'ai, je vais alléger le code mais pas trop pour être complet.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Calendrier.ascx.vb" Inherits="Module_SiteCoach_Calendrier" %>
<ajax:UpdatePanel ID="UpdatePanelNavigation" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Calendar ID="Calendar1" runat="server" CssClass="calendar" DayNameFormat="FirstTwoLetters">
        </asp:Calendar>
    </ContentTemplate>
</ajax:UpdatePanel>
<br /><br /><br />
<ajax:UpdatePanel ID="UpdatePanelCalendar" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
    <ContentTemplate>
        <DayPilot:DayPilotCalendar ID="DayPilotCalendar1" runat="server" 
<!-- je vous passe les détail du DAyPilot-->        
            >
        </DayPilot:DayPilotCalendar>
        <asp:SqlDataSource ID="SqlDataSourceEvents" runat="server" 
<!--Pareil pour le SDS-->
        </asp:SqlDataSource>
    </ContentTemplate>
</ajax:UpdatePanel>
<ajax:UpdateProgress ID="upProg" runat="server" AssociatedUpdatePanelID="UpdatePanelCalendar">
    <ProgressTemplate>
        <div id="progressBackgroundFilter"></div>
        <div id="processMessage"> Patientez...<br /><br />
        <asp:Image ID="imgWait" runat="server" ImageUrl="~/App_Themes/wait.gif" />
    </ProgressTemplate>
</ajax:UpdateProgress>

<ajax:UpdatePanel ID="UpdatePanelDetail" runat="server" UpdateMode="Conditional">
    <Triggers>
        <ajax:AsyncPostBackTrigger ControlID="DayPilotCalendar1" EventName="EventMenuClick" />
    </Triggers>
    <ContentTemplate>
        <asp:DetailsView ID="EventDetail" runat="server" DefaultMode="Edit">
<!--on passe les détail du DEtailView -->
</asp:DetailsView>
        <asp:SqlDataSource ID="SqlDataSourceDetail" runat="server" >
<!-- passe les détail du SDS-->
        </asp:SqlDataSource>
    </ContentTemplate>
</ajax:UpdatePanel>
<ajax:UpdateProgress ID="upProg2" runat="server" AssociatedUpdatePanelID="UpdatePanelDetail">
    <ProgressTemplate>
        <div id="progressBackgroundFilter"></div>
        <div id="processMessage"> Patientez...<br /><br />
        <asp:Image ID="imgWait2" runat="server" ImageUrl="~/App_Themes/wait.gif" />
    </ProgressTemplate>
</ajax:UpdateProgress>
</asp:Panel>

Et voilà, le plus léger que je puisse faire.
Je reste persuadé que le dayPilot doit me pourrir un truc, mais quoi, j'en sais rien.