open radasyncupload window onclick of a radbutton

[beeta one]

hii,,
How to open radasyncupload window onclick of a radbutton??
thnks

[Shinu]

Hi,

Try the following code snippet to achieve your scenario.

ASPX:

<telerik:RadButton runat="server" Text="SELECT" ID="button1" OnClientClicking="OnClientClicking">
</telerik:RadButton>
<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" Localization-Select="" MaxFileInputsCount="1" >
</telerik:RadAsyncUpload>

C#:

<script type="text/javascript">
    function OnClientClicking(sender) {
        sender.set_autoPostBack(false);
        $telerik.$(".ruFileInput").click();
    }
</script>

Thanks,
Shinu.

[Plamen]

Hi Hash, 

 
Please have in mind that such behavior will not work in all browsers(like IE for example) because of Browser security limitations. Here is a related forum thread.

Regards,
Plamen
the Telerik team

[Heera]

When more than one telerik:RadAsyncUpload control then how to find AsyncUpload1 or AsyncUpload2 in javascript.

ASPX:
<telerik:RadButton runat="server" Text="SELECT" ID="button1"OnClientClicking="OnClientClicking"></telerik:RadButton><telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" Localization-Select="" MaxFileInputsCount="1" ></telerik:RadAsyncUpload>
<telerik:RadAsyncUpload runat="server" ID="AsyncUpload2" Localization-Select="" MaxFileInputsCount="1" ></telerik:RadAsyncUpload>
C#:
<script type="text/javascript">    function OnClientClicking(sender) {        sender.set_autoPostBack(false);        $telerik.$(".ruFileInput").click();    }</script>

[Shinu]

Hi Heera,

In order to uniquely identify the RadAsyncUpload you can use id of the control as follows.

JavaScript:

function OnClientClicking(sender) {
    sender.set_autoPostBack(false);
    $telerik.$("#AsyncUpload1file0").click();
}

Thanks,
Shinu.

[Shinu]

Hi Heera,

Please do the following modification in the above posted code which works fine at my end.

ASPX:

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" Localization-Select="" CssClass="RadAsyncUpload1" MultipleFileSelection="Automatic">
</telerik:RadAsyncUpload>

JavaScript:

function OnClientClicking(sender) {
    sender.set_autoPostBack(false);
    $telerik.$(".RadAsyncUpload1 .ruFileInput").click();
}

Thanks,
Shinu.

[Heera]

It is working.............

Thank you so much.

[Rob Dismaya]

Has anybody been able to come up with a work around for browsers that are <IE10? I can't seem to get the file input field to open from javascript. Thanks.

[Plamen]

Hi,

This is a browser security limitation.

Hope this will explain the issue.

Regards,
Plamen
Telerik