Upload selected files without button click.

[Dona]

Hi

I read that asyncupload requires  a postback to upload files such as a button click. But I want to upload all my selected files to the server once everything is selected without the user clicking a button. Any suggestion?

Thanks
Dona

[Shinu]

Hi Dona,

One suggestion is after the client file uploading completes, you can programmatically invoke a button click instead of manually clicking a button to create postback to upload files to the server. Please have a look at the following code I tried which works fine at my end.

JavaScript:

<script type="text/javascript">
    function OnClientFilesUploaded(sender, args) {
        var $ = $telerik.$;
        $('#RadButtonUpload').click();
    }
</script>

Thanks,
Shinu.

[Dona]

Hi Shinu,

I have been googling what is $telerik.$ but I didnt get it. Is this something specific to telerik rather than jQuery? What is the difference between using "$" and "$telerik.$"?

Thanks,
Dona.

[Shinu]

Hi Dona,

The $find in jQuery provides a shortcut to the Sys.Application.findComponent method which returns the corresponding component. From the Q3 2008 version of RadControls for ASP.NET AJAX the Telerik.Web.UI assembly includes the jQuery javascript library. Here the jQuery object is available as $telerik.$ instead of the default $ or jQuery aliases. This is so to avoid compatibility issues with applications which already use (other versions of) jQuery. For more info you can check the documentation of the noConflict method.

Fortunately there are easy workarounds to enable back the $ alias such as using a global variable in your script.

JavaScript:

<script type="text/javascript">
    window.$ = $telerik.$;
</script>

Thanks,
Shinu.

[Dona]

Thanks for your neat explanation.