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.
  •  images
    •  AllImages
    •  Customers
    •  Products
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
Data pager
Data pager
Page 1 of 2
Page 1 of 2. Items 1 to 8 of 9
Preview flower1.jpg
Isolate this demo as a stand-alone application

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

<%@ 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 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?