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

How can i add selected files in grid using RadAsyncUpload

3 Answers 67 Views

AsyncUpload

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

3 Answers, 1 is accepted

answered on 24 Sep 2013, 09:33 AM

Hi Jagadeeswararao,

Please take a look into the following code snippet I tried to display the selected file name and size in the client side. Due to some Browser restrictionit is not possible to access the path of the selected file in RadAsyncUpload.

ASPX:

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" TargetFolder="Uploads"

OnClientProgressUpdating="OnClientProgressUpdating">

</telerik:RadAsyncUpload>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="false" AutoGenerateColumns="false"

CssClass="grid">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="FileName" HeaderText="ID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileSize" HeaderText="Text">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnCommand="function(){}" />

</ClientSettings>

</telerik:RadGrid>

JavaScript:

<script type="text/javascript">

var data = new Array();

function OnClientProgressUpdating(sender, args) {

var filename = args.get_data().fileName; // selected file name

var filesize = args.get_data().fileSize; //selected file size

data = [{ "FileName": filename, "FileSize": filesize}];

$find("RadGrid1").removeCssClass("grid");

$find("RadGrid1").addCssClass("grid1");

var grid = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

grid.set_dataSource(data); //adding file name and size into grid

grid.dataBind();

}

</script>

CSS:

<style type="text/css">

.grid

{

display : none !important;

}

.grid1

{

display : block !important;

}

</style>

Thanks,
Shinu.