aspnet-devexpress-dot-web-dot-filemanagersettingsfilelist.md
Gets or sets how to display items in the file manager’s file list .
Namespace : DevExpress.Web
Assembly : DevExpress.Web.v25.2.dll
NuGet Package : DevExpress.Web
[DefaultValue(FileListView.Thumbnails)]
public FileListView View { get; set; }
<DefaultValue(FileListView.Thumbnails)>
Public Property View As FileListView
| Type | Default | Description |
|---|---|---|
| FileListView | Thumbnails |
One of the FileListView enumeration values.
|
Available values:
| Name | Description |
|---|---|
| Thumbnails |
File list displays files as thumbnails.
| | Details |
File list displays files as a grid containing file detail information.
|
You can access this nested property as listed below:
| Object Type | Path to View |
|---|---|
| ASPxFileManager |
.SettingsFileList .View
| | RichEditDocumentSelectorSettings |
.FileListSettings .View
| | SpreadsheetDocumentSelectorSettings |
.FileListSettings .View
|
The following example configures the file list’s view mode in markup:
<dx:ASPxFileManager ID="fileManager" runat="server" >
<SettingsFileList View="Details">
<DetailsViewSettings AllowColumnResize="true" AllowColumnDragDrop="true"
AllowColumnSort="true" ShowHeaderFilterButton="false" />
</SettingsFileList>
<!-- ... -->
</dx:ASPxFileManager>
The following code snippet changes the file list’s view mode in code:
ASPxFileManager fm = new ASPxFileManager();
// ...
fm.SettingsFileList.View = FileListView.Details;
fm.SettingsFileList.DetailsViewSettings.AllowColumnResize = true;
fm.SettingsFileList.DetailsViewSettings.AllowColumnDragDrop = true;
fm.SettingsFileList.DetailsViewSettings.AllowColumnSort = true;
fm.SettingsFileList.DetailsViewSettings.ShowHeaderFilterButton = false;
You can customize the file manager’s toolbar to display buttons that allow users to switch between view modes. Refer to the following demo for more information: File Manager - Custom Toolbar.
The following example changes the file list’s view mode to Details:
@Html.DevExpress().FileManager( settings => {
settings.Name = "fileManager";
settings.SettingsFileList.View = FileListView.Details;
settings.SettingsFileList.DetailsViewSettings.AllowColumnResize = true;
settings.SettingsFileList.DetailsViewSettings.AllowColumnDragDrop = true;
settings.SettingsFileList.DetailsViewSettings.AllowColumnSort = true;
settings.SettingsFileList.DetailsViewSettings.ShowHeaderFilterButton = false
// ...
}).BindToFolder(Model).GetHtml()
You can customize the file manager’s toolbar to display buttons that allow users to switch between view modes. Refer to the following demo for more information: File Manager - Custom Toolbar.
See Also
FileManagerSettingsFileList Class