How can i add selected files in grid using RadAsyncUpload

[Jagadeeswararao]

I have a requirement that, when  selected(RadAsyncUpload) a file, the file details should be populated in grid on the same window. how can i implement.
File details like : size , name , path.

Please help me

[Shinu]

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.

[Jagadeeswararao]

Hi Shinu,
 Thanks for responding early. I tried that code which you posted but the data(size and Name) was not populated in the Grid.
  can't find what the issue exactly.

Thanks,
Jagadeeswararao

[Shinu]

Hi Jagadeeswararao,

Unfortunately I couldn't replicate the issue. The above code is working fine at my end. Please provide your code so that I can help you further.

Thanks,
Shinu.