FileExplorer

Controls

Rate this demo

Thank you for your post!

FileExplorer - Show all items in the TreeView

  •  Images
    •  NewFolderg
    •  Northwind
    •  test
    •  Test54
    •  Yeni Folder
    •  189143.jpg.gif
    •  Capture4.PNG
    •  Capture5.PNG
    •  company-icon.png
Max file size allowed:
200.00 KB
File extensions allowed:
*.jpg, *.jpeg, *.gif, *.png
Example Configuration

RadFileExplorer's mode :


RadFileExplorer's modes

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.
C# VB
Show code in new window Demo isolation steps
<%@ 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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
    <title>ASP.NET FileExplorer Demo - Show all items in the TreeView</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
     <telerik:RadFormDecorator runat="server" ID="rfdDemoContent" DecoratedControls="All"
          DecorationZoneID="decoratedZoneCont" />
     <div id="decoratedZoneCont">
          <div class="qsf-ib" style="vertical-align: top; width: 720px; border: 1px solid #eee; padding: 5px;">

               <telerik:RadFileExplorer runat="server" ID="RadFileExplorer1">
                    <Configuration ViewPaths="~/FileExplorer/Examples/Overview/Images/" UploadPaths="~/FileExplorer/Examples/Overview/Images/"
                         DeletePaths="~/FileExplorer/Examples/Overview/Images/"></Configuration>
               </telerik:RadFileExplorer>
          </div>

          <div class="qsf-ib" style="vertical-align: top; margin-left: 70px;">
               <qsf:ConfiguratorPanel ID="ConfigurationPanel1" runat="server" Orientation="Vertical"
                    Expanded="true" Height="250px" Width="200px">
                    <div style="height: 250px; width: 200px;">
                         <p>
                              <span class="rfdAspLabel">RadFileExplorer's mode</span> :
                         </p>
                         <div style="margin-left: 20px;">
                              <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="true">
                                   <asp:ListItem Selected="True" Text="FileTree mode" Value="FileTree"></asp:ListItem>
                                   <asp:ListItem Text="Default mode" Value="Default"></asp:ListItem>
                              </asp:RadioButtonList>
                         </div>
                    </div>
               </qsf:ConfiguratorPanel>
          </div>
     </div>
    </form>
</body>
</html>