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

Show all items in the TreeView

  •  
  •  
  •  
  •  
  •  
  •  
  • Upload
  •  images
    •  e
    •  Extensions
    •  Folder
    •  helloNewFolder
    •  NewFoldeasdasdasdr
    •  NewFolder
    •  Northwind
    •  test
    •  test & test2
    •  TestNewFolder
    •  20240429_Test.jpg
    •  Cannes.jpg
    •  Captur21414124e.JPG
    •  demoPerfilPhoto.jpg
    •  Flower4.jpg
    •  KOCE7679 - Copy.jpg
    •  test.jpg
    •  woo.jpg
    •  _12323.JPG
    •  arrow_action.gif
    •  arrow_black-UP.gif
    •  arrow_gray-less.gif
    •  arrow_less.gif
    •  arrow_month-next.gif
    •  arrow_month-previous.gif
    •  arrow_more.gif
    •  test.gif
    •  admin1.png
    •  admin1_48x48.png
    •  admin_48x48.png
    •  AllLogoStrip.png
    •  bbtst.png
    •  Capture.PNG
    •  image002.png
    •  logo_3634_fr.png
    •  Screenshot 2023-12-10 104324.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