FileExplorer - Client-side Events

  • Open
  • Delete
  • Rename
  • New Folder
  • Upload
  • Copy
  • Paste
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • Upload
  •  images
    •  Northwind
  • Delete
  • Rename
  • New Folder
  • Upload
  • Copy
  • Paste
Table that lists the contents of the current directory
FilenameSize
Table that lists the contents of the current directory
  
  
  
  
  
  
  
  
  
  
  
Max file size allowed:
200.00 KB
File extensions allowed:
*.jpg, *.jpeg, *.gif, *.png

Event log

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadFileExplorer control provides the following client-side events:

  • OnClientCreateNewFolder - fired before creating of a new folder
  • OnClientDelete - fired before deleting a file
  • OnClientFileOpen - fired before opening a file
  • OnClientFolderChange - fired before changing the active folder
  • OnClientFolderLoaded - fired after loading the active folder
  • OnClientItemSelected - fired after selecting an item
  • OnClientLoad - fired after the control is initialized
  • OnClientMove - fired before an item is moved.
  • OnClientCopy - fired before an item is copied to the new destination directory.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.FileExplorer.ClientSideEvents.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>Telerik ASP.NET Example</title>
    <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" />
    <div class="demo-container size-medium">
        <telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="595px" Height="350px" EnableCopy="true"
            OnClientCreateNewFolder="OnClientCreateNewFolder" OnClientDelete="OnClientDelete"
            OnClientFileOpen="OnClientFileOpen" OnClientFolderChange="OnClientFolderChange"
            OnClientFolderLoaded="OnClientFolderLoaded" OnClientItemSelected="OnClientItemSelected"
            OnClientLoad="OnClientLoad" OnClientMove="OnClientMove" OnClientCopy="OnClientCopy">
            <Configuration ViewPaths="~/FileExplorer/Examples/Overview/images/" UploadPaths="~/FileExplorer/Examples/Overview/images/"
                DeletePaths="~/FileExplorer/Examples/Overview/images/"></Configuration>
        </telerik:RadFileExplorer>
    </div>

    <qsf:EventLogConsole ID="EventLogConsole1" runat="server" AllowClear="true"></qsf:EventLogConsole>


    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?