•  
    •  
    •  
    •  
    •  
    •  
    •  
    • Upload

    New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    WebForms FileExplorer Overview

    •  
    •  images
      •  Extensions
      •  NewFolder
      •  Northwind
        •  Cities
        •  Customers
        •  Flowers
        •  NewFolder
        •  Products
    Table that lists the contents of the current directory
    FilenameSize
    Table that lists the contents of the current directory
    Flower1.jpg
    		99483
    Flower4.jpg
    		70186
    Flower5.jpg
    		84386
    Flower6.jpg
    		234164
    • Select
      Drop files here
    Max file size allowed:
    200.00 KB
    File extensions allowed:
    *.jpg, *.jpeg, *.gif, *.png

    Preview

    Flower1.jpg
    • Demo Configurator
    Choose Explorer Controls
    Set Control Behavior




    About RadFileExplorer for ASP.NET AJAX

    Bringing desktop to the web is not mythical and Telerik File Explorer component is yet another proof. A flexible web control for file management, RadFileExplorer completely mimics the Windows Explorer functionality and is entirely built with the Telerik controls. You can easily add it to your page, and organize your files and folders: create, rename, delete, drag and drop, all the familiar file operations and all of them performed on the client.

    RadFileExplorer and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

    Key Features

    • A single control, integrated in Telerik.Web.UI - ready to drag and drop on the page
    • Directory load on demand loading using ASP.NET 2.0 AJAX Callback mechanism
    • Clientside and server events for file operations
    • Uses the FileBrowserContentProvider abstraction of RadEditor for hooking to any underlying file system, such as OS, database, MOSS SharePoint, MCMS
    • Sorting of files and folders
    • Context menus
    • Ability to delete and rename files and folders
    • Ability to create new folders
    • Ability to enable paging for the grid if the folders contain a large number of items (e.g. more than 200)
    • Ability to switch quickly between Grid and Thumbnail views using the new toolbar buttons
    • DefaultCS.aspx
    • DefaultCS.aspx.cs
    • scripts.js
    • styles.css
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.FileExplorer.Overview.DefaultCS" %>
     
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
        <script src="scripts.js" type="text/javascript"></script>
        <link href="styles.css" rel="stylesheet" />
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="Configuratorpanel1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="FileExplorer1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <div class="demo-container size-custom">
            <div class="leftPane">
                <telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="520px" Height="310px"
                    OnClientItemSelected="OnClientItemSelected" OnClientDelete="OnClientDelete">
                    <Configuration ViewPaths="~/FileExplorer/Examples/Overview/images" UploadPaths="~/FileExplorer/Examples/Overview/images"
                        DeletePaths="~/FileExplorer/Examples/Overview/images"></Configuration>
                </telerik:RadFileExplorer>
            </div>
            <div class="rightPane">
                    <h2>Preview</h2>
                    <img id="pvwImage" src="Images/Northwind/Flowers/Flower1.jpg" alt="Flower1.jpg" />
            </div>
        </div>
     
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance