FileExplorer - InitialPath and Paging

The value set to the InitialPath property is case sensitive and should be in the same format as shown in the RadFileExplorer's addressbar.
  • Open
  •  
  •  
  •  
  •  
  •  
  •  
  •  images
    •  AllImages
      •  ABC
      •  NewFolder
      •  Products
    •  Customers
    •  NewFolder
    •  test1
Table that lists the contents of the current directory
FilenameSize
Table that lists the contents of the current directory
  
  
  
  
  
  
  
  
Table that lists the contents of the current directory
Page 1 of 2
Page 1 of 2. Items 1 to 8 of 11
Preview flower1.jpg
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

These settings should be set in order to enable RadFileExplorer's paging feature:

  • Set the AllowPaging="true" property.
  • Set the desired page size by setting an integer value to the PageSize property. If this value is not set, then the default value 10 will be used.

Note: If the RadFileExplorer 's InitialPath property is set then the pager will auto page in order to show the selected file. Also, the RadFileExplorer 's OnClientItemSelected event will be fired

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.FileExplorer.Default.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 runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
    <script src="scripts.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <qsf:MessageBox ID="InformationBox1" runat="server" Type="Info" Icon="Info">
        The value set to the <em>InitialPath</em> property is case sensitive and should be in the same format as shown in 
        the <strong>RadFileExplorer</strong>'s addressbar.
    </qsf:MessageBox>
    <div class="demo-container size-custom">
        <div class="leftPane">
            <telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="520px" Height="350px"
                AllowPaging="true" PageSize="8" OnClientItemSelected="OnClientItemSelected">
                <Configuration ViewPaths="~/FileExplorer/ExplorerSource/images"></Configuration>
            </telerik:RadFileExplorer>
        </div>
        <div class="rightPane">
            <fieldset>
                <legend>Preview</legend>
                <img id="pvwImage" src="../../../ExplorerSource/images/AllImages/Flower1.jpg" alt="flower1.jpg"
                    class="previmage" />
            </fieldset>
        </div>
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?