All Controls

FileExplorer

Overview
Functionality
- InitialPath and Paging
- AsyncUpload
Client-Side API
- Client-side Events
- File Selector Dialog
Server-Side API
Accessibility and Internationalization
Application Scenarios
- Filter files and download
- Add custom columns

Rate this demo

Thank you for your post!

FileExplorer - Add custom columns

Custom columns

Add Creation Date column

Add Owner Name column

Upload

Images
- abc
- AllImages
- Customers
  - Atest4.02.2
  - test
- Products

Filename	Size	Creation Date	Owner Name













No records to display.

Overwrite if file exists?

Max file size allowed:: 200.00 KB
File extensions allowed:: *.*

Description

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>
    <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>

Controls

SharePoint Web Parts

Support Resources

Integration Examples

FileExplorer

Rate this demo

FileExplorer - Add custom columns

try now Download a free 30-day trial with unlimited technical support.

Get Started Easily Explore our help resources to get up to speed with the RadControls faster.

See Pricing Check out the offers. Purchase an individual suite or treat yourself to one of our bundles.