Multiple RadAsyncUpload with Progress Bar

[sysy]

I am working with multiple RadAsyncUpload controls, and for each RadAsyncUpload, I use a RadProgressBar to track the progress of the file uploads. However, I am encountering an issue when uploading multiple files to one of the RadAsyncUpload controls. In this case, all the RadProgressArea components display unexpectedly, as shown in the screenshot below.

Can anyone help by providing sample code or advice to handle this case?

[Rumen]

Hi Sysy, 

Thank you for reporting this behavior. From your description and the provided screenshot, it seems the issue occurs when multiple RadAsyncUpload controls are used on the same page, each with its own RadProgressManager and RadProgressArea. Specifically, all RadProgressArea components react to uploads, even when they are not associated with the active RadAsyncUpload.

This behavior happens because RadProgressArea components listen for progress updates globally when the multi-file selection is enabled, rather than being tightly coupled to a specific RadAsyncUpload. As a result, when a file upload is initiated, all progress areas on the page respond to the progress events.

To prevent this issue, you can simplify the setup by using a single RadProgressManager and RadProgressArea for the entire page. The updated configuration would look like this:

<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload1" MultipleFileSelection="Automatic" EnableInlineProgress="false"  />
<telerik:RadProgressManager runat="server" ID="RadProgressManager1"  />

<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload2" MultipleFileSelection="Automatic" EnableInlineProgress="false"  />
      
<telerik:RadProgressArea RenderMode="Lightweight" runat="server" ID="RadProgressArea1"   />

 

Regards,
Rumen
Progress Telerik