Problème de MAJ asynchrone d'un UpdatePanel : bloquage sur le controlID de asp:AsyncPostBackTrigger

Version imprimable

Bonjour,

J'ai une page, avec plusieurs UpdatePanel (3).

Dans l'UpdatePanel A, j'ai une listView.

Code de mon UPdatePanel A dans la page aspx :

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
29
30
31
32
33
34
35
36
37
38
39
40
<asp:UpdatePanel
    ID ="uPanelA"
    runat="server" UpdateMode="Conditional">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="ddlGenArt"  EventName="SelectedIndexChanged" />
        <asp:AsyncPostBackTrigger ControlID="btnValidWarningModification" EventName="Click" />
    </Triggers>
        <ContentTemplate>
            <asp:Label ID="lblNoWarning" runat="server" Text="Aucun avertissement diponible" Visible="False" ForeColor="Red"></asp:Label>
            <table id="tblDisplayWarning" width="100%" visible="false" runat="server">
                <tr>
                    <td align="center">
                        <asp:ListView ID="lvWarnings" runat="server" 
                            DataKeyNames="idEPCMountingWarning" 
                            onitemcommand="lvWarnings_ItemCommand" >
                            <LayoutTemplate>    
                                <table border="1">
                                    <thead>
                                        <tr>
                                            <th>Avertissement</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
                                    </tbody>
                                </table>
                            </LayoutTemplate>
                            <ItemTemplate>
                                <tr>
                                    <td><%# Eval("LibEPCMountingWarning")%></td>
                                    <td><asp:Button ID="btnUpdateWarning" runat="server" Text="Modifier" /></td>   
                                </tr>
                            </ItemTemplate>
                        </asp:ListView>
                    </td>
                </tr> 
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>

Et donc en fait je veux déclencher une MAJ asynchrone de mon UpdatePanel B à l'aide du bouton "btnUpdateWarning" contenu dans la listView de mon UpdatePanel A.

Code de mon UPdatePanel A dans la page aspx :

Code:

1
2
3
4
5
6
7
8
9
10
11
<asp:UpdatePanel 
    ID="uPanelB"
    runat="server"
    UpdateMode="Conditional" >
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="???" EventName="Click" />
        </Triggers>
        <ContentTemplate>
            < ..... >
        </ContentTemplate>
    </asp:UpdatePanel>

Pour ce faire, c'est dans le code de mon UpdatePanel B, dans la partie Triggers que ça se passe.
Je bloque sur le controlID.
Quand je met :

Code:

1
2
3
<Triggers>
     <asp:AsyncPostBackTrigger ControlID="btnUpdateWarning" EventName="Click" />
</Triggers>

Ça ne fonctionne pas, déclenche même une exception.
Quelle valeur dois-je mettre dans ControlID ?

Je pense que soit faut que je fasse un FindControl, soit c'est parce que les boutons sont générés dynamiquement par ListView et du coup, l'ID du bouton est généré dynamiquement...

Bonjour,

Il n'y a aucun problème pour utiliser un bouton comme trigger dans plusieurs UpdatePanel. Exemple :

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
<asp:ScriptManager runat="server" id="manager" />
        <asp:UpdatePanel runat="server" ID="panel1"  UpdateMode="Conditional">
            <ContentTemplate>
                <span>UpdatePanel 1: <%=DateTime.Now.ToString( ) %></span>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="bt" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
 
        <asp:UpdatePanel runat="server" ID="panel2"  UpdateMode="Conditional">
            <ContentTemplate>
                <span>UpdatePanel 2: <%=DateTime.Now.ToString( ) %></span>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="bt" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
 
        <asp:UpdatePanel runat="server" ID="panel3" UpdateMode="Conditional" ChildrenAsTriggers="false">
            <ContentTemplate>
                <span>UpdatePanel 3: <%=DateTime.Now.ToString( ) %></span>
                <asp:LinkButton runat="server" ID="bt" Text="Refresh" />
            </ContentTemplate>
        </asp:UpdatePanel>

Par contre, un ID ne peut être référencé hors d'un contrôle "Bindable", comme les ListViews, les GridViews, etc...
Pour résumer plus simplement. Tu as un ListView qui affichera 20 lignes, tu auras donc 20 boutons. Ces 20 boutons auront un ID différent.

En espérant t'avoir aidé.

28/07/2010, 12h55
Johann7751

Donc il n'est pas possible de définir mon bouton "btnUpdateWarning" comme étant un Triggers pour l'update de mon panel B ?
28/07/2010, 13h21
Nicolas Esprit

Si on peut, mais pas de cette manière.

Il te faut gérer l'event ItemCreated (je sais plus le nom exact, pour une GridView c'est RowCreated) dans ta ListView. Dans le code de la fonction, tu dois appeller ScriptManager.RegisterAsyncPostBackControl(btnUpdateWarning). Ainsi chaque bouton de tes lignes affiches dans ta ListView seront référencé comme "déclencheur de PostBack asynchrone".

Enfin, il te faut aussi gérer l'event Click de ton bouton btnUpdateWarning pour faire un appel à uPanelB.Update().

En espérant t'avoir aidé.

J'essaye de faire ce que tu m'as conseillé.

Dans mon code behind aspx.cs,
je n'arrive pas à accéder à ce fameux bouton "btnUpdateWarning" qui est à l'intérieur d'un itemTemplate, à l'intérieur de ma ListView.
Code:

1 2 3 4 protected void lvWarnings_ItemCreated(object sender, ListViewItemEventArgs e) { (Master.FindControl("ScriptManager1") as ScriptManager).RegisterAsyncPostBackControl(FindControl("btnUpdateWarning") as Button); }
(le ScriptManager est dans ma MasterPage)

--> Au deboguage, il y a une exception me disant que le "FindControl("btnUpdateWarning") as Button" renvoie Null.

Normal, la fonction FindControl n'est pas récursive. Tu dois chercher le contrôle à partir de ton ListView et plus précisément de ton Item.

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
protected void ListView1_ItemCreated(object sender, ListViewItemEventArgs e)
        {
            ListView lv = sender as ListView;
            ListViewDataItem item = e.Item as ListViewDataItem;
 
            if (lv.EditIndex == item.DisplayIndex)
            {
 
                TextBox box = e.Item.FindControl("nameTextBox") as TextBox;
            }
        }

28/07/2010, 14h37
Johann7751

Merci beaucoup pour ton aide.