Обновление URL-адреса изображения в UpdatePanel в asp.net - PullRequest
3 голосов
/ 13 апреля 2011

У меня есть GridView , в котором у меня есть UpdatePanel .Я пытаюсь обновить I * URL-адрес мага * моего asp: image с помощью AJAX ASyncFileUpload .Последние 2 дня я искал в Google решение.

Вот код:

Панель обновления:

<asp:UpdatePanel ID="pnlInfo" runat="server" Font-Names="Times New Roman" UpdateMode="Always" EnableViewState="true" 
                                style="display:none; background-color:#FFFFFF; padding:20px; margin:50px; border:3px solid #4B0303; color:Black; 
                                width:inherit;" 
                                >
                                <ContentTemplate>
                                <div runat="server" class="divTable" style="width:inherit;">

                                    <div runat="server" class="divRow" style="text-align:center; width:300px; float:left;">
                                        <asp:Image ID="imgUser" runat="server" ImageAlign="Middle" ImageUrl="~/silhouette.jpg"
                                             Width="100px" Height="100px" EnableViewState="true"/>
                                        <asp:ModalPopupExtender ID="ModalPopupEUpload" runat="server" 
                                            CancelControlID="btnClosePnl" OnCancelScript="HideModalPopup()"
                                            TargetControlID="imgUser" PopupControlID="pnlUploadImage" Drag="True" 
                                            BackgroundCssClass="ModalPopupBg" DynamicServicePath="" Enabled="True"  />
                                        <asp:Panel ID="pnlUploadImage" runat="server" Font-Names="Times New Roman" 
                                            style="display:none; background-color:#FFFFFF; padding:20px; 
                                            margin:50px; border:3px solid #4B0303; color:Black; width:inherit;" 
                                            >
                                                <asp:AsyncFileUpload ID="AsyncFileUpload" runat="server" OnUploadedComplete="OnUpdateComplete"/>
                                                <asp:Button ID="btnClosePnl" runat="server" Text="Close"/>
                                                <asp:Button ID="btnUpdate" runat="server" OnClick="OnUpdateComplete" Visible="false"  />
                                        </asp:Panel></div>

//more code
</div>
                                </ContentTemplate>
                                <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="AsyncFileUpload" EventName="UploadedComplete" />
                                </Triggers>
                            </asp:UpdatePanel></div>

Панель обновления является частью ModalPopupExtender , как и pnlUploadImage .Это прекрасно работает. GridView тоже отлично работает.

Фоновый код:

protected void OnUpdateComplete(object sender, EventArgs e)
        {
            Image ImgUser = new Image();
            AsyncFileUpload asyncSender = new AsyncFileUpload();
            AsyncFileUpload asyncGv = new AsyncFileUpload();

            //finding the row of the sender
            asyncSender = (AsyncFileUpload)sender;

            foreach (GridViewRow Row in gvData.Rows)
            {
                asyncGv = (AsyncFileUpload)Row.Cells[0].FindControl("AsyncFileUpload");
                if (asyncSender.ClientID == asyncGv.ClientID)
                {
                    ImgUser = (Image)Row.Cells[0].FindControl("imgUser");
                    ImgUser.ImageUrl = asyncSender.FileName;
                    break;
                }
            }
        }

btnUpdate было возможным решением, которое закончилосьдо не работает.По сути, когда я нажимаю на изображение, AsyncFileUpload появляется во всплывающем формате.Затем я выбираю изображение и загружаю его.Я запускаю обновление на UploadComplete , которое предполагает изменение URL-адреса изображения.

Проблема в том, что изображение, которое я вижу ( silhouette.jpg ), остается тамдаже после прохождения UploadComplete .Когда я делаю шаг за шагом, я вижу, что ImageURL меняется.Я проверил, и это правильное изображение, которое выбирается в функции.

В общем, почему, даже несмотря на то, что ImageURL изменяется в обратном коде, изображение, которое я вижу в своем браузере, не меняется.

Ответы [ 2 ]

2 голосов
/ 28 июня 2011

Мне пришлось создать кнопку asp: с методом click, в котором был постбэк javascript.Затем я создал триггер asynchPostBack на панели обновлений для только что созданной кнопки.Вызывает обратную передачу, но это единственный способ автоматически обновить изображение.

0 голосов
/ 14 апреля 2011

Попробуйте добавить pnlInfo.Update() в конец OnUpdateComplete()

...