Блог

В моем приложении у меня есть простая загрузка с помощью jquery и пользовательского http-обработчика, привязанного к кнопке, и панель обновления для отображения имени загруженного файла:

 <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Button ID="btnUploadFile" runat="server" Text="Button" />
    <%= System.DateTime.Now %>
    <input id="File1" type="file" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
        <ContentTemplate>
            <br />
            <br />
            <%= System.DateTime.Now %>
            <asp:Label ID="Label1" runat="server" Text="" ViewStateMode="Disabled"></asp:Label>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

$(document).ready(function ()
{
    $(function ()
    {
        $('#file_upload').fileUpload({
            url: '../UploadHandler.ashx',
            method: 'POST',
            onLoadAll: function (list)
            {
               // __doPostBack('MainContent_UpdatePanel1', '');
            }
        });
    });

    $('#File1').hide();

    $('#MainContent_btnUploadFile').click(function ()
    {
        $('#File1').click();

        return false;
    });
});
  

Обработчик выглядит так:

 public void ProcessRequest(HttpContext context)
        {
            HttpPostedFile uploadedfile = context.Request.Files[0];

            string fileName = uploadedfile.FileName;

            IMainFormViewPresenter presenter = Bootstrapper.ServiceLocator.GetService<IMainFormViewPresenter>();
            //do sth..
            presenter.SetFileInfo(fileName);
            presenter.RefreshUpdatePanel();
        }
  

и в представлении

 public void RefreshUpdatePanel()
        {
           // UpdatePanel1.Update();
        }
public void SetFileInfo(string fileName)
        {
            Label1.Text = fileName;
        }
  

Проблема в том, что UpdatePanel1.Update() в коде сервера не работает. Иногда я получаю исключение: метод Update может быть вызван только на UpdatePanel с идентификатором ‘UpdatePanel1’ перед рендерингом.

Я не могу выяснить, что происходит. Панель обновления, обновленная с помощью javascript, работает нормально, но мне любопытно, почему на сервере возникла проблема. Полное решение, которое я поместил здесь https://dl-web.dropbox.com/get/Public/WebApplication1.rar?w=ea9959b6

Поскольку кнопка находится за пределами вашей панели обновления, вам нужно будет добавить триггер на вашу панель обновления, который имеет ControlID вашей кнопки и событие нажатия, поэтому в вашей панели обновления добавьте следующее:

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
    <ContentTemplate>
        <br />
        <br />
        <%= System.DateTime.Now %>
        <asp:Label ID="Label1" runat="server" Text="" ViewStateMode="Disabled"></asp:Label>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnUploadFile" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>
  

Это подскажет вашей панели обновления обращаться с кнопкой так, как если бы она была внутри панели обновления, и участвовать в частичных обратных отправках, как если бы она была внутри панели обновления.

HTH.