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

WebForms FileExplorer Overview

  • Open
  • Delete
  • Rename
  • New Folder
  • Upload
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • Upload
  •  images
    •  e
    •  Extensions
    •  Folder
    •  helloNewFolder
    •  NewFolder
    •  Northwind
      •  Cities
      •  Customers
      •  NewFolder
      •  Products
    •  test
    •  test & test2
    •  TestNewFolder
  • Delete
  • Rename
  • New Folder
  • Upload
Table that lists the contents of the current directory
FilenameSize
Table that lists the contents of the current directory
  
  
  
  
  
  
  
  
  
  
  
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