asyncfileupload в модальном всплывающем окне jquery - PullRequest
Новая
       44

asyncfileupload в модальном всплывающем окне jquery

2 голосов
/ 04 декабря 2011

Я поместил элемент управления AsyncFileUpload в модальное всплывающее окно jquery, и я не могу запустить «AsyncFileUpload1_UploadedComplete» при загрузке в порядке.

Работает при размещении прямо на странице. (Это все на главной странице, кстати)

Код восстановления 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc2" %>

    <script type="text/javascript" language="javascript">

    function uploadError(sender, args) {
        alert(args.get_errorMessage());
        document.getElementById('<%=lblStatus.clientid %>').innerText = args.get_fileName(), "<span style='color:red;'>" + args.get_errorMessage() + "</span>";
    }

    function StartUpload(sender, args) {
        document.getElementById('<%=lblStatus.clientid %>').innerText = 'Uploading Started.';
    }

    function UploadComplete(sender, args) {
        var filename = args.get_fileName();
        var contentType = args.get_contentType();
        var text = filename + " has been uploaded successfully. Size: " + args.get_length() + " bytes";
        document.getElementById('<%=lblStatus.clientid %>').innerText = text;
    }

</script>

       <cc2:AsyncFileUpload ClientIDMode="AutoID" ID="AsyncFileUpload1" runat="server" OnClientUploadError="uploadError"
                    OnClientUploadStarted="StartUpload" OnClientUploadComplete="UploadComplete" CompleteBackColor="Lime"
                    UploaderStyle="traditional" ErrorBackColor="Red" ThrobberID="Throbber" OnUploadedComplete="AsyncFileUpload1_UploadedComplete"
                    UploadingBackColor="#66CCFF" />
                <asp:Label ID="Throbber" runat="server" Style="display: none">
                            <img src="images/icons/ajax-loader.gif" style="vertical-align:middle"  alt="loading" />
                </asp:Label>&nbsp;
                <asp:Label ID="lblStatus" runat="server" Style="font-family: Arial; font-size: small;"></asp:Label>

Как я уже сказал, работает, когда размещается непосредственно на главной странице, но не работает, когда размещается с div, который должен быть модальным. У меня, кстати, установлен 

<form id="Form1" runat="server" enctype="multipart/form-data" method="post">

Код позади: 

Protected Sub AsyncFileUpload1_UploadedComplete(ByVal sender As Object, ByVal e As AjaxControlToolkit.AsyncFileUploadEventArgs)
    If AsyncFileUpload1.HasFile Then
        txtRef.Text = "1234"
        If IO.Directory.Exists(Server.MapPath("~\uploads\" & txtRef.Text)) = False Then
            IO.Directory.CreateDirectory(Server.MapPath("~\uploads\" & txtRef.Text))
        End If
        Dim strPath As String = MapPath("~/Uploads/" & txtRef.Text & "/") & IO.Path.GetFileName(e.FileName)
        AsyncFileUpload1.SaveAs(strPath)
        Dim attach As New attachment
        attach.CallID = txtRef.Text
        attach.Filename = IO.Path.GetFileName(e.filename)
        attach.Ext = System.IO.Path.GetExtension(e.filename)
        attach.UserID = Session("user_id")
        attach.Create()
    End If
End Sub

в тегах формы, но все еще не повезло, и я обновил ajaxtoolkit до последней версии.

Есть идеи?

Спасибо

1 Ответ

2 голосов
/ 24 января 2012

Это происходит потому, что jQuery удаляет элемент управления из формы и помещает его в конец тела при создании диалога.Когда он отправляет форму, элемент управления AsyncFileUpload больше не находится в форме, поэтому нет ничего для отправки на сервер для этого элемента управления, и поэтому он не отправляет файл обратно.Что вам нужно сделать, это вернуть div диалогового окна обратно в форму после того, как jQuery создаст его. 

        $('#yourDialogID').parent().appendTo('form');
...