RadAsyncUpload not working after triggering UpdatePanel with OnFileUploaded in UI for ASP.NET AJAX

This is a migrated thread and some comments may be shown as answers.

RadAsyncUpload not working after triggering UpdatePanel with OnFileUploaded

6 Answers 102 Views

AsyncUpload

This is a migrated thread and some comments may be shown as answers.

Dave asked on 19 Sep 2013, 07:39 PM

I am using an upload control:

<telerik:RadAsyncUpload runat="server" ID="uxUpload" OnClientFileUploaded="clientFileUploaded"

MultipleFileSelection="Automatic" TemporaryFolder="~/App_Data/TemporaryFileUpload"

Skin="" OnFileUploaded="uxUpload_FileUploaded" DropZones=".uploading-section">

</telerik:RadAsyncUpload>

with an UpdatePanel:

<asp:UpdatePanel runat="server" ID="UpdatePanel1" ChildrenAsTriggers="true" UpdateMode="Conditional">

<Triggers>

<asp:AsyncPostBackTrigger ControlID="uxUpload" EventName="FileUploaded" />

</Triggers>

<ContentTemplate>

stuff

</ContentTemplate>

</asp:UpdatePanel>

After uploading a file (or files), the UpdatePanel is updated, but the RadAsyncUpload's upload button no longer works. The textbox portion of the upload section is also now a regular textbox (previously clicking it triggered a File dialog). Is there any javascript I need to run after the UpdatePanel's AJAX response to fix the Upload control?

6 Answers, 1 is accepted

answered on 25 Sep 2013, 03:02 PM

Hi Dave,

After the uxUpload_FileUploaded event was fired, the RadAsyncUpload must be updated from the server. This will happen only if the RadAsyncUpload is inside the Content Template of the update panel.

<script type="text/javascript">

function clientFileUploaded(sender, args) {

__doPostBack('<%= this.uxUpload.ClientID %>', '');

}

</script>

<asp:UpdatePanel runat="server" ID="UpdatePanel1" ChildrenAsTriggers="true" UpdateMode="Conditional">

<ContentTemplate>

stuff

<telerik:RadAsyncUpload runat="server" ID="uxUpload" OnClientFileUploaded="clientFileUploaded"

MultipleFileSelection="Automatic" Skin="Silk" OnFileUploaded="uxUpload_FileUploaded"

DropZones=".uploading-section">

</telerik:RadAsyncUpload>

</ContentTemplate>

</asp:UpdatePanel>

Regards,
Hristo Valyavicharski
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.