The UI of a FileExplorer control is customized through its
LayoutTemplate
property. The samples in the sample project contain the default
layout definition that you can simply copy and paste into your
application.
Any UI elements can be placed inside the template,
however, FileExplorer recognizes controls with certain IDs
and associate specific functionalities to those controls.
The following table lists all the special IDs supported:
| Control ID |
Remarks |
| FolderTree |
The folder tree. Must be an EO.Web TreeView control.
|
| FileGrid |
The grid that displays all files in a given folder.
Must be an EO.Web Grid control.
|
| FileUploader |
The AJAXUploader control that is used to upload files.
Must be an EO.Web AJAXUploader control.
|
| PathLabel |
The Label control used to display the currently selected
file path. Must be an ASP.NET Label control.
|
| PreviewPanel |
The panel where preview images are displayed. Must be an
ASP.NET PlaceHolder control.
|
In addition to controls with special IDs, EO.Web FileExplorer
also recognizes ToolBarItem
with special CommandName
values:
| CommandName Value |
Remarks |
| NewFolder |
Create a new folder.
|
| RenameFolder |
Rename the selected folder.
|
| DeleteFolder |
Delete the selected folder.
|
| Refresh |
Refresh child folder list of the selected folder.
|
| ThumbnailView |
Switch the file list to thumbnail view.
|
| GridView |
Switch the file list to grid view.
|
| Upload |
Open browse file dialog to start an upload.
|
| CancelUpload |
Cancel an upload that's in progress.
|
| BestFit |
Resize the preview image to best fit the preview region.
|
| ActualSize |
Resize the preview image to its actual size.
|
| ZoomIn |
Zoom in the preview image.
|
| ZoomOut |
Zoom out the preview image.
|
To use any of these features, place an EO.Web
ToolBar control inside
the template and add tool bar button with its CommandName
set to one of the pre-defined values.