解读Essential JS 2中新的JavaScript文件管理器控件

翻译|其它|编辑:陈津勇|2019-09-10 16:11:33.430|阅读 83 次

概述:本文介绍了Essential JS最新版中的文件管理器控件及其功能

Syncfusion在Essential JS 2套件中引入了新的文件管理器控件,类似Windows的文件浏览器,允许最终用户在Web服务器的客户端有效地管理、浏览和上传文件。

△ JavaScript文件管理器控件

Essential JS 2套件具有大量控件,这些控件具有通用Web标准和功能,如Web可访问性、从右到左呈现、键盘交互、模块化架构和响应性,以及具有触摸友好的轻量级ui。。现在,文件管理器包含在此套件中,包含所有常见的JS 2功能以及特定于控件的功能。

本文将介绍新的文件管理器控件、UI设计、可用功能以及它支持的平台。


支持的平台

以下平台支持文件管理器控制:

文件管理器UI设计

我们设计的文件管理器UI非常灵活,允许用户自定义其所有功能。这是文件管理器的设计及其交互功能列表。

△ 文件管理器UI设计

工具栏选项

顶部的工具栏拥有执行文件管理操作的所有操作按钮:创建、剪切、复制、粘贴、上载、下载、重命名和删除文件夹和文件。

左侧树视图导航

从根文件目录中,文件以树结构(层次结构)列出,并具有Windows文件资源管理器中的展开和折叠选项。这用作快速访问嵌套级别中的文件。

快速访问菜单

这是一个上下文菜单选项,用于执行右键单击文件文件数据视图的操作。

布局

文件和文件夹显示在详细信息视图或大图标视图中,以便快速管理。

△ 文件管理器与详细信息视图

△ 文件管理器与大图标视图

自适应设计

文件管理器控件旨在通过其响应和自适应布局设计在所有设备中轻松交互。在小型设备中,文件管理器通过更改其UI来实现无障碍交互。

点击下载Essential Studio for ASP.NET MVC试用版

现有功能

文件管理器控件的功能使用80/20规则实现。这将涵盖有效管理Web浏览器中的文件系统的主要业务需求。以下是文件管理器中可用的功能:

  • 文件操作

  • 多项选择

  • 文件系统提供商

  • 拖放文件

  • 文件访问控制

  • 排序

  • 图像预览

  • 布局定制

文件操作

文件管理器控件执行所有常用的文件操作:创建、删除、剪切、复制、粘贴、重命名、上传和下载文件和文件夹。

多项选择

文件管理器允许您选择多个文件以执行适用的文件操作。

△ 在文件管理器中选择多个文件

文件系统提供商

内置的文件系统提供程序将帮助您轻松管理这些流行的云和数据库文件系统:

  • 物理文件系统提供者

  • Azure文件系统提供程序

  • Google云端硬盘文件系统提供商

  • SQL Server数据库文件系统提供程序

  • Node JS文件系统提供程序

拖放文件

拖放支持允许您通过拖放将文件夹和文件从一个文件夹移动到另一个文件夹。

Drag-and-drop-files-in-File-Manager.png△ 在文件管理器中拖放文件

文件访问控制

文件管理器提供了授予或限制特定用户和用户组的访问权限的方法。您可以使用一组访问规则为文件夹和文件定义访问权限。通过这样做,您可以授权人们读取、写入、删除和上载文件。

这些访问规则在服务器端验证,因此更安全。

△ 文件管理器中应用的访问规则

在上一个屏幕截图中,向文档用户提供了访问权限,因此只能访问文档文件夹,并限制其余文件夹。

点击下载Essential Studio for ASP.NET Core试用版

对文件进行排序

只需单击列标题,即可按升序或降序对文件系统中的文件和文件夹进行排序。您还可以根据名称、创建日期、大小等对文件和文件夹进行排序。

△ 文件管理器中的文件排序

图像预览

您可以通过双击来预览图像,从而在对话框窗口中打开图像。可以通过调整对话框的大小来放大预览的图像。

△ 文件管理器中的图像预览选项

布局定制

文件管理器允许您根据需要自定义布局。

△ 文件管理器中的自定义布局

即将推出的功能

在即将发布的版本中,您可以期望文件管理器控件中具有以下功能:

  • 虚拟滚动

  • 分页



想要获得NET Core更多资源的伙伴,请点这里想要获得NET MVC更多资源的伙伴,请点这里。 想要获取NET Core、NET MVC正版授权的伙伴,请点这里。



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:Syncfusion https://www.syncfusion.com/blogs/post/introducing-new-javascript-file-manager-control.aspx

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Essential Studio for ASP.NET Core

帮您创建在Windows,Linux和Mac上运行的Web应用程序

Essential Studio for ASP.NET MVC

帮您轻松创建高性能Web应用程序的ASP.NET MVC界面开发包

在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat