File Explorer

Controls

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

FileExplorer - Add custom columns

Custom columns

  •  Images
    •  AllImages
    •  Customers
    •  Products
Table that lists the contents of the current directory
FilenameSizeCreation DateOwner Name
Table that lists the contents of the current directory
    
    
    
    
    
    
    
    
    
    
    
Max file size allowed:
200.00 KB
File extensions allowed:
*.*

Add custom column in the Grid

In the Q2 2009 release we introduced support for custom columns in the embedded RadGrid. This example demonstrates the steps that need to be done in order to add two custom columns into the Grid.

  • The first step is to implement a custom FileSystemContentProvider. The CustomColumnsContentProvider class inherits the FileSystemContentProvider and this is the easiest way to implement a custom provider. The new files/folders should have two additional attributes : Date and Owner (for example) that are added at this stage.
  • The second step is to build two GridTemplateColumns programmatically and add them in the Columns collection of the Grid.
    Please note that the values of the UniqueName properties of the newly created GridTemplateColumns should be the same as the names of the newly added properties to the files/folders (e.g. gridTemplateColumn1.UniqueName = "Date"; and gridTemplateColumn2.UniqueName = "Owner"; in the example)
C# VB
Show code in new window Demo isolation steps
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="Telerik.Web.Examples.FileExplorer.CustomGridColumns.DefaultCS" %>

<%@ 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>ASP.NET FileExplorer Demo - Add custom columns</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
     <fieldset style="width: 250px; font-size: 12px;">
          <legend>Custom columns </legend>
          <div>
               <asp:CheckBox ID="AddDateColumn" runat="server" Text="Add <em>Creation Date</em> column"
                    AutoPostBack="true" Checked="true"></asp:CheckBox>
          </div>
          <div>
               <asp:CheckBox ID="AddOwnerColumn" runat="server" Text="Add <em>Owner Name</em> column"
                    AutoPostBack="true" Checked="true"></asp:CheckBox>
          </div>
     </fieldset>
     <br />
     <div style="float: left">
          <telerik:RadFileExplorer runat="server" ID="RadFileExplorer1" Width="734px" Height="400px"
               EnableOpenFile="true" OnExplorerPopulated="RadFileExplorer1_ExplorerPopulated">
               <Configuration ViewPaths="~/FileExplorer/ExplorerSource/Images/" DeletePaths="~/FileExplorer/ExplorerSource/Images/"
                    UploadPaths="~/FileExplorer/ExplorerSource/Images/"></Configuration>
          </telerik:RadFileExplorer>
     </div>
    </form>
</body>
</html>