I am trying to use the asyncupload control.







The control sort of works but there are a couple of issues:



1) The control causes other user controls on the page to reload.



2) The post back only works the first time.







I've put the relevant cut down code snippets below.







edit.ascx contains two controls which I've named JRACControl and MainFormUserControl. MainFormUserControl contains other user controls (not shown).







JRACControl  contains the asyncupload wrapped in an ajaxpanel.







When a file is selected in the  JRACControl it causes the MainFormUserControl to reload which causes all it's controls reload as well.







Here are my questions:



1) How can I make the asyncupload control upload a file without affecting the other controls on the page.



2) How can I make the 'upload' button continue to work after the first upload.







I would be grateful for any hints on what else to try.







Steve







**********



Edit.ascx



**********











<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditActual.ascx.cs"







Inherits="MycompanyName.Modules.FlexiContent.Edit" %>



<%@ Register Src="~/desktopmodules/FlexiContent/UserControls/MainFormUserControl.ascx" TagPrefix="dnn"







TagName="MainFormUserControl" %>



<%@ Register Src="~/desktopmodules/FlexiContent/UserControls/JRACControl.ascx" TagPrefix="dnn" TagName="JRACControl" %>



<%@ Register Assembly="DotNetNuke.Web" Namespace="DotNetNuke.Web.UI.WebControls" TagPrefix="cc1" %>











<dnn:JRACControl   runat="server" id="JRACControl" />



<asp:Panel ID="Panel1" Height="450" style="margin-left:14px" runat="server"  ScrollBars="Both" Width="100%">



        <dnn:MainFormUserControl  runat="server" id="MainFormUserControl" ClientIDMode="Static"/>



</asp:Panel>







C# code behind - works fine!



=======================



        protected void myuploadcontrol_FileUploaded(object sender, FileUploadedEventArgs e)



        {



            foreach (UploadedFile f in myuploadcontrol.UploadedFiles)



            {



//Code to save the file using the parameter supplied.



            }



        }







*************



JRAC CONTROL



*************











MARKUP



=======



    <cc1:DnnAjaxPanel id="ImageDnnAjaxPanel" runat="server">



                    <cc1:DnnAsyncUpload AllowedFileExtensions="jpeg,jpg,gif,png"



                        id="myuploadcontrol"



                        OnClientFileUploaded="OnClientFileUploaded"



                        runat="server"



                        OnFileUploaded="myuploadcontrol_FileUploaded">



                    </cc1:DnnAsyncUpload>           



                    <%--style="visibility:hidden;width:0px;height:0px"--%>



                    <asp:Button class="UploadImage" ID="Upload" runat="server" Text="Upload" />       



    </cc1:DnnAjaxPanel>







JAVASCRIPT - called when a file is selected. just adds a parameter to include with the post back



==========











        function OnClientFileUploaded(radAsyncUpload, args) {



            var $row = $(args.get_row());



            var inputName = radAsyncUpload.getAdditionalFieldID("ContentItemID");



            var inputType = "text";



            var inputID = inputName;



            var input = createInput(inputType, inputID, inputName);



            var label = createLabel(inputID);



            $row.append("<br/>");



            $row.append(label);



            $row.append(input);



            $(".UploadImage").click();



        }











        function createInput(inputType, inputID, inputName) {



            var input = '<input type="' + inputType + '" id="' + inputID + '" name="' + inputName + '" value="' + "20" +







'" />';



            return input;



        }







        function createLabel(forArrt) {



            var label = '<label for=' + forArrt + '>File info: </label>';



            return label;



        }