Мы рады представить новый Управление файловым менеджером в нашем наборе Essential JS 2.

Компонент File Manager - это проводник файлов, подобный Windows, который позволяет конечному пользователю эффективно управлять, просматривать и загружать файлы на клиентской стороне вашего веб-сервера.

Пакет Essential JS 2 имеет огромный набор элементов управления, и эти элементы управления обладают общими веб-стандартами и функциональными возможностями, такими как веб-доступность, рендеринг справа налево, взаимодействие с клавиатурой, модульная архитектура и отзывчивость, с удобными для касания и легкими пользовательскими интерфейсами. Теперь в этот пакет включен файловый менеджер со всеми стандартными функциями JS 2, а также функциями, специфичными для элементов управления.

В этом блоге будет подробно рассказано о новом элементе управления File Manager, его дизайне пользовательского интерфейса, доступных функциях и поддерживаемых платформах.

Дизайн пользовательского интерфейса файлового менеджера

Мы разработали пользовательский интерфейс диспетчера файлов, чтобы он был гибким и позволял пользователям настраивать все его функции. Это дизайн файлового менеджера и список его интерактивных функций.

Параметр панели инструментов

Панель инструментов вверху содержит все кнопки действий для выполнения операций по управлению файлами: создание, вырезание, копирование, вставка, загрузка, загрузка, переименование и удаление папок и файлов.

Левое древовидное представление для навигации

Из корневого каталога файлов файлы перечислены в древовидной структуре (иерархической структуре) с параметрами развертывания и свертывания, как в проводнике Windows. Это используется как быстрый доступ к файлам на вложенных уровнях.

Меню быстрого доступа

Это опция контекстного меню для выполнения операций при щелчке правой кнопкой мыши над окном просмотра данных файла.

Макет

Файлы и папки отображаются в виде подробных сведений или в виде больших значков для быстрого управления.

Адаптивный дизайн

Элемент управления File Manager разработан для удобного взаимодействия на всех устройствах благодаря адаптивному дизайну макета. На небольших устройствах файловый менеджер адаптируется, изменяя свой пользовательский интерфейс для беспроблемного взаимодействия.

Существующие особенности

Возможности управления файловым менеджером реализованы с помощью правила 80/20. Это покроет основную часть потребностей бизнеса в эффективном управлении файловой системой в веб-браузере. В диспетчере файлов доступны следующие функции:

  • Файловые операции
  • Множественный выбор
  • Поставщики файловой системы
  • Перетаскивание файлов
  • Контроль доступа к файлам
  • Сортировка
  • Предварительный просмотр изображения
  • Настройка макета

Файловые операции

Элемент управления «Диспетчер файлов» выполняет все обычные файловые операции: создание, удаление, вырезание, копирование, вставку, переименование, отправку и загрузку файлов и папок.

Множественный выбор

Диспетчер файлов позволяет выбрать несколько файлов для выполнения соответствующих файловых операций.

Поставщики файловой системы

Встроенные поставщики файловых систем помогут вам легко управлять этими популярными облачными файловыми системами и файловыми системами баз данных:

Перетаскивание файлов

Поддержка перетаскивания позволяет перемещать папки и файлы из одной папки в другую, перетаскивая их.

Контроль доступа к файлам

Файловый менеджер предоставляет методы для предоставления или ограничения прав доступа определенным пользователям и группам пользователей. Вы можете определить права доступа к папкам и файлам, используя для них набор правил доступа. Таким образом вы можете разрешить людям читать, писать, удалять и загружать файлы.

Эти правила доступа проверяются на стороне сервера, поэтому он будет более безопасным.

На предыдущем снимке экрана пользователю документации предоставляется разрешение на доступ, поэтому можно получить доступ только к папке с документами, а остальные папки ограничены.

Сортировка файлов

Вы можете отсортировать файлы и папки в файловой системе в возрастающем или убывающем порядке, просто щелкнув заголовок столбца. Вы также можете сортировать файлы и папки по имени, дате создания, размеру и т. Д.

Предварительный просмотр изображения

Вы можете предварительно просмотреть изображение, дважды щелкнув его, что откроет изображение в диалоговом окне. Предварительно просматриваемое изображение можно увеличить, изменив размер диалогового окна.

Настройка макета

Файловый менеджер позволяет настроить макет по своему усмотрению.

Предстоящие функции

В следующем выпуске вы можете ожидать следующих функций в элементе управления File Manager:

  • Виртуальная прокрутка
  • Пагинация

Поддерживаемые платформы

Следующие платформы поддерживают управление файловым менеджером:

Вывод

Мы надеемся, что теперь у вас есть лучшее представление об элементе управления File Manager и его функциях. Если вы хотите опробовать их, вы можете загрузить нашу бесплатную пробную версию. Вы можете посетить исходный код файлового менеджера на GitHub, а также проверить наши примеры браузера и документацию для получения подробных объяснений, если вы хотите изучить другие приложения.

Если у вас есть какие-либо вопросы или требуется пояснение по этим элементам управления, сообщите нам об этом в комментариях ниже. Вы также можете связаться с нами через наш форум поддержки, Direct-Trac или Портал обратной связи. Мы рады Вам помочь!

Первоначально опубликовано на https://www.syncfusion.com 5 сентября 2019 г.