Disable RadAsyncUpload Control clientside during Upload Process

[Pat]

I was wondering if there was anyway to disable RadAsyncUpload's upload button clientside while uploads are already taking place? I want to restrict the user from selecting and uploading files while files are already in the process of uploading.

Thanks again for the help!

-  Pat

[Bozhidar]

Hi Pat,

You can easily do that using the OnClientFileSelected and OnClientFileUploaded events. Here's what you have to write in the handler functions:

function fileSelected(sender, args) {
    sender.set_enabled(false);
}

function fileUploaded(sender, args) {
    sender.set_enabled(true);
}

 
Greetings,
Bozhidar
the Telerik team

[Pat]

Worked perfectly, thanks Bozhidar.

[Boris]

This code makes radasyncupload only look disabled, but it is still possible to click the 'select' button and start uploading another file while the first is still being uploaded (and that causes an errror, the previous temp uploaded file can not be found).

[Bozhidar]

Hi Boris,

Could you specify which version of the controls you are using? Also, do you have any other controls on the page that might be interfering, or is this reproduced with a standalone page?
 
Regards,
Bozhidar
Telerik

[Boris]

My version of telerik controls is 2012.2.724.35. I haven't tried this on a standalone page. As soon as I do, I will get back here with the results.

[Boris]

I tried it on a standalone page, still not working. Same as on my original page, it appears disabled after first upload, but it isn't. If I add another file while the first one is uploading, only then it becomes completely disabled. This is my code sample:

<script type="text/javascript"> 

    function ruAttachments_ClientFileSelected(sender, args) {

        sender.set_enabled(false);

    } 

    function ruAttachments_ClientFilesUploaded(sender, args) {

        sender.set_enabled(true);

    }

</script>

<Form runat="server">

<asp:ScriptManager runat="server"></asp:ScriptManager>

<telerik:RadAsyncUpload runat="server" ID="ruAttachments"
                      OnClientFileUploadRemoved="ruAttachments_ClientFilesUploaded"

                OnClientFileSelected="ruAttachments_ClientFileSelected"
                      OnClientFilesUploaded="ruAttachments_ClientFilesUploaded"
                      OnClientFileUploadFailed="ruAttachments_ClientFilesUploaded"

</telerik:RadAsyncUpload>

</Form>

[Bozhidar]

Hello Boris,

Thank you for the provided code.

It turns out that this is a bug in the Silverlight module that is used in IE. In all other browsers the AsyncUpload works as expected. You can workaround this issue by disabling the Silverlight module.

I've also logged the issue in our bug tracking system and we'll fix it as soon as we can.
 
Regards,
Bozhidar
Telerik

[ann]

Any update on this is issue ? Would it be fixed ?

[Hristo Valyavicharski]

Hi,

Could you try this workaround:

<script type="text/javascript">
   Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function () { return false; }
 </script>

Does it help?

Regards,
Hristo Valyavicharski
Telerik