文件管理概述

用于ASP的Telerik UI。NET MVC文件管理is an Explorer-like component enabling you to manage file and folders.

它使您能够组织和管理文件和文件夹,并为您提供丰富的API定制。您可以在可自定义模板的预览窗格中显示有关所选文件的其他信息,您可以通过切换按钮显示或隐藏预览窗格。小部件完全由Kendo UI为jQuery组件构建:网格列表视图树状视图工具栏面包屑

Telerik UI for ASP。NET MVC忍者形象

FileManager是Telerik UI for ASP。NET MVC,一个具有 110+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。想要试用它,可以注册一个30天的免费试用期。

Telerik UI FileManager HtmlHelper for ASP。NET MVCis a server-side wrapper for the Kendo UI FileManager widget.

初始化FileManager

下面的示例演示了使用远程绑定初始化FileManager。文件结构通过FileManager DataSource对象作为JSON提供。

从2022年R3版本开始,可选择的机制改变了。的改变事件现在只在选择/取消选择时被触发。

@(Html.Kendo(). filemanager (). name ("filemanager") . datasource (ds => {ds。读取(operation => operation .Type(httpverb . post) .Action("Read", "FileManagerData"));ds。销毁(operation => operation .Type(httpverb . post) .Action("销毁","FileManagerData"));ds。创建(operation => operation .Type(httpverb . post) .Action("Create", "FileManagerData"));ds。更新(operation => operation .Type(httpverb . post) .Action("Update", "FileManagerData"));}) .UploadUrl("上传","FileManagerData"))
// GET: /FileManager/ private const string contentFolderRoot = "~/Content/";private const string prettyName = "文件夹/";private static readonly string[] foldersToCopy = new[] {"~/Content/shared/filemanager"};///  ///获取将提供内容的基本路径。///  public override string ContentPath {get {return CreateUserFolder();}} ///  ///获取过滤文件的有效文件扩展名。///  public override string Filter {get {return "*.*";}} private string CreateUserFolder() {var virtualPath =路径。Combine(contentFolderRoot, "UserFiles", prettyName);var path = Server.MapPath(virtualPath);if (!Directory.Exists(path)) {Directory.CreateDirectory(path); foreach (var sourceFolder in foldersToCopy) { CopyFolder(Server.MapPath(sourceFolder), path); } } return virtualPath; } private void CopyFolder(string source, string destination) { if (!Directory.Exists(destination)) { Directory.CreateDirectory(destination); } foreach (var file in Directory.EnumerateFiles(source)) { var dest = Path.Combine(destination, Path.GetFileName(file)); System.IO.File.Copy(file, dest); } foreach (var folder in Directory.EnumerateDirectories(source)) { var dest = Path.Combine(destination, Path.GetFileName(folder)); CopyFolder(folder, dest); } }

引用现有实例

要引用现有的FileManager实例,请使用jQuery.data ()方法。建立了引用之后,使用FileManager客户端API控制它的行为。

var filemanager = $("#filemanager").data("kendoFileManager");

功能和特性

参观客户端API部分jQuery FileManager组件的Kendo UI的配置方法和事件的完整描述。

另请参阅

在本文中
Baidu
map