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

Show all items in the TreeView

  •  
  •  
  •  
  •  
  •  
  •  
  • Upload
  •  images
    •  Extensions
    •  Extensions1
    •  NewF00older
    •  NewFolder
    •  Northwind
    •  Northwindg
    •  file.jpg
    •  Flower5.jpg
    •  SPS_SAP_Interface.jpg
    •  test.JPG
    •  Working_From_Photos_-_Image_1_1024x1024_optimized_101-ezgif.com-webp-to-jpg-converter.jpg
    •  Xwrap Master.jpg
    •  C__Bulk_Files_EMail_WhatsApp.jpeg
    •  dog5.jpeg
    •  samplejpeg.jpeg
    •  sample.gif
    •  2022-03-03_16-32-15.png
    •  image.png
    •  Screenshot 2025-03-24 153506.png
    •  Working_From_Photos_.png
  • Delete
  • Rename
  • New Folder
  • Upload
Max file size allowed:
200.00 KB
File extensions allowed:
*.jpg, *.jpeg, *.gif, *.png
  • Demo Configurator
Change ExplorerMode property:

This example demonstrates how to use the RadFileExplorer's modes.

The possible mode values of the ExplorerMode property are:

  • Telerik.Web.UI.FileExplorer.FileExplorerMode.Default - In this mode the files can be showed in the embedded Grid only.
  • Telerik.Web.UI.FileExplorer.FileExplorerMode.FileTree - In this mode the RadGrid control is not shown and the files/folders are shown in the embedded RadTreeView control. In this case the RadFileExplorer control will work faster than the Default mode, because of the server-side databinding mechanism of the TreeView control opposite to the client-side databinding of the RadGrid.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="Telerik.Web.Examples.FileExplorer.ShowFilesInTree.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-medium">
        <telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="RadFileExplorer1" Width="595px" Height="350px">
            <Configuration ViewPaths="~/FileExplorer/Examples/Overview/images/" UploadPaths="~/FileExplorer/Examples/Overview/images/"
                DeletePaths="~/FileExplorer/Examples/Overview/images/"></Configuration>
        </telerik:RadFileExplorer>
    </div>

    <qsf:ConfiguratorPanel ID="Configuratorpanel1" runat="server">
        <Views>
            <qsf:View>
                <asp:Label ID="Label1" runat="server">Change <strong>ExplorerMode</strong> property:</asp:Label>
                <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="true">
                    <asp:ListItem Selected="True" Text="FileTree" Value="FileTree"></asp:ListItem>
                    <asp:ListItem Text="Default" Value="Default"></asp:ListItem>
                </asp:RadioButtonList>
            </qsf:View>
        </Views>
    </qsf:ConfiguratorPanel>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance