CKEditor et postback d'un ajaxtoolkit.AsyncFileUpload

**Pelote2012** · 27/06/2012, 17h59

Bonjour,
Je déplace une question, que j'avais mal placée, pardon pour le dérrangement.
Bon voici mon probleme :

J'ai un petit souci entre 2 composants dans ma page.
J'utilise un CKeditor pour asp.net (version:'3.6.2') et un composant de l'ajaxtoolkit 4.1.60501.0 : AsyncFileUpload

Quand je charge un fichier dans AsyncFileUpload cela provoque un postBack et surtout cela provoque un trape sur le fr.js disant que CKEditor est indefini

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<%@ Page Language="VB" MasterPageFile="~/Master/kickoff_2008.master" AutoEventWireup="false"
    Inherits="KickOff.EditAteliers" Title="Demande de création d'ateliers du Kickoff 2012"
    EnableSessionState="True" MaintainScrollPositionOnPostback="true" CodeBehind="EditAteliers.aspx.vb" %>
 
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="CP1" runat="Server">
    <script type="text/javascript">
        function StartUploadFic(sender, args) {
            document.getElementById("<%= uplLogoAsc.ClientID %>").disabled = true;
            document.getElementById("<%= btnOk.ClientID %>").disabled = true;
        }
        function FinUploadFic(sender, args) {
            document.getElementById("<%= uplLogoAsc.ClientID %>").disabled = false;
            document.getElementById("<%= btnOk.ClientID %>").disabled = false;
        }
        function StartUploadLogo(sender, args) {
            document.getElementById("<%= uplFicAsc.ClientID %>").disabled = true;
            document.getElementById("<%= btnOk.ClientID %>").disabled = true;
        }
        function FinUploadLogo(sender, args) {
            document.getElementById("<%= uplFicAsc.ClientID %>").disabled = false;
            document.getElementById("<%= btnOk.ClientID %>").disabled = false;
        }
    </script>
    <span class="TITRE1">
        <asp:Label ID="lblTitre" runat="server">Création d'ateliers Kickoff 2012</asp:Label></span>
    <br />
    <asp:Label ID="lblSaisieVerrouille" runat="server" Text="Demande de création d'ateliers est terminée."
        CssClass="ERREUR" Visible="False"></asp:Label>
    <asp:UpdatePanel ID="UP" runat="server">
        <ContentTemplate>
            <table class="TBL">
                <tr>
                    <td class="CELLLIB">
                        Titre
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <asp:TextBox ID="txtTitre" runat="server" CssClass="CTRL" Columns="60"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="REQTitre" runat="server" ControlToValidate="txtTitre"
                            CssClass="Erreur" Display="None" ErrorMessage="Le titre est obligatoire" SetFocusOnError="True"></asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" TargetControlID="REQTitre">
                        </cc1:ValidatorCalloutExtender>
                    </td>
                </tr>
                <tr>
                    <td class="CELLLIB">
                        Résumé
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <asp:TextBox ID="txtResume" runat="server" CssClass="CTRL" Columns="60" Rows="4"
                            TextMode="MultiLine"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="CELLLIB">
                        Descriptif
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <CKEditor:CKEditorControl ID="txtDesc" runat="server"></CKEditor:CKEditorControl>
                    </td>
                </tr>
                <tr>
                    <td class="CELLLIB">
                        Format
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <asp:RadioButtonList ID="lstrdFormat" runat="server" CssClass="CTRL">
                            <asp:ListItem Text="45 min" Value="0" Selected="True"></asp:ListItem>
                        </asp:RadioButtonList>
                    </td>
                </tr>
                <tr>
                    <td class="CELLLIB">
                        Souhait période
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <asp:RadioButtonList ID="lstrdSouhaitPeriod" runat="server" CssClass="CTRL">
                            <asp:ListItem Text="Indifférent" Value="Indifférent" Selected="True"></asp:ListItem>
                            <asp:ListItem Text="Matin" Value="Matin" Selected="false"></asp:ListItem>
                            <asp:ListItem Text="Après-midi" Value="Après-midi" Selected="false"></asp:ListItem>
                        </asp:RadioButtonList>
                    </td>
                </tr>
                <tr>
                    <td class="CELLLIB">
                        Intervenants
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <asp:UpdatePanel ID="UPInter" runat="server">
                            <ContentTemplate>
                                <table>
                                    <asp:Repeater ID="rptIntervenant" runat="server">
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblInter" runat="server" Text='<%# Bind("value") %>'></asp:Label>
                                                </td>
                                                <td>
                                                    <asp:ImageButton ID="btnSuppr" ImageUrl="~/images/cancel.gif" runat="server" CommandArgument='<%# Bind("key") %>'
                                                        CommandName="DEL" /><cc1:ConfirmButtonExtender ID="CBE" runat="server" ConfirmText="Voulez vous vraiment supprimer ?"
                                                            TargetControlID="btnSuppr">
                                                        </cc1:ConfirmButtonExtender>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                        <AlternatingItemTemplate>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblInter" runat="server" Text='<%# Bind("value") %>'></asp:Label>
                                                </td>
                                                <td>
                                                    <asp:ImageButton ID="btnSuppr" ImageUrl="~/images/cancel.gif" runat="server" CommandArgument='<%# Bind("key") %>'
                                                        CommandName="DEL" /><cc1:ConfirmButtonExtender ID="CBE" runat="server" ConfirmText="Voulez vous vraiment supprimer ?"
                                                            TargetControlID="btnSuppr">
                                                        </cc1:ConfirmButtonExtender>
                                                </td>
                                            </tr>
                                        </AlternatingItemTemplate>
                                    </asp:Repeater>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="lstInter" runat="server">
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            <asp:ImageButton ID="btnInter" ImageUrl="~/images/add.png" runat="server" />
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </td>
                </tr>
                <tr>
                    <td class="CELLLIB">
                        Fichier
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <asp:Panel ID="panFichier" runat="server">
                            <asp:HyperLink ID="lnkFic" runat="server"></asp:HyperLink>
                            <asp:CheckBox ID="chkSupprimerFic" runat="server" Text="Supprimer" ToolTip="Cocher la case pour supprimer le Fichier" />
                        </asp:Panel>
                        <cc1:AsyncFileUpload ID="uplFicAsc" CssClass="BTN" runat="server" PersistFile="True"
                            OnClientUploadStarted="StartUploadFic" OnClientUploadComplete="FinUploadFic" />
                    </td>
                </tr>
                <tr>
                    <td class="CELLLIB">
                        Image
                    </td>
                    <td class="CELLSEP">
                    </td>
                    <td class="CELLCTRL">
                        <asp:Panel ID="panImage" runat="server">
                            <asp:Image ID="imgLogo" runat="server" CssClass="PART_IMG" /><asp:CheckBox ID="chkSupprimerImg"
                                runat="server" Text="Supprimer" ToolTip="Cocher la case pour supprimer le logo" />
                        </asp:Panel>
                        <cc1:AsyncFileUpload ID="uplLogoAsc" CssClass="BTN" runat="server" PersistFile="True"
                            OnClientUploadStarted="StartUploadLogo" OnClientUploadComplete="FinUploadLogo" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <br />
                    </td>
                </tr>
                <tr>
                    <td colspan="3" style="text-align: right" class="CELLSTD">
                        &nbsp; &nbsp;<input id="Reset1" title="Annuler" type="reset" value="Annuler" class="BTNKO BTNdeco" />
                        <asp:Button ID="btnOk" runat="server" Text="Enregistrer" CssClass="BTNOK BTNdeco" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3" style="text-align: right" class="CELLSTD">
                        <asp:Label ID="lblResult" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <br />
                    </td>
                </tr>
                <tr>
                    <td colspan="3" style="text-align: left" class="CELLSTD">
                        <asp:HyperLink ID="lnkRetour" runat="server" NavigateUrl="~/Ateliers/GestionAteliers.aspx"
                            Text="Retour à la liste des ateliers"></asp:HyperLink>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

**Pelote2012** · 28/06/2012, 17h32

En discutant sur le chat, il semblerai que le problème soit l'interaction de l'updatePanel, du postBack de l'uploader et le CKEditor.
Lors du postback, l'updatePanel réécrit la page, mais parfois, pas eu le temps de remetre le CKEDitor, ce qui provoque une erreur javascript, qui fait planter à son tour le chargement de mon fichier...
Ici un descriptif :ici

Maintenant faut que je trouve une aurte personne qui a le pb, car celle que j'avais sous la main, le problème ne se produit plus

Quelle galère de pister un pb aléatoire, surtout avec ce javascript généré automatiquement...

**Pelote2012** · 02/08/2012, 11h09

Comme je ne trouve plus de personne concernée... Je pense que cela a du résoudre le problême.

CKEditor et postback d'un ajaxtoolkit.AsyncFileUpload

ASP.NET

Discussions similaires

Partager

Partager