- Button
- Calendar
- Checkbox
- Checksuggest
- Colorboard
- Colorpicker
- Color Selector
- Combo
- Counter
- DatePicker
- DateRange
- DateRangePicker
- TimeBoard
- DateRangeSuggest
- DataSuggest
- DoubleList
- GridSuggest
- Icon
- Fieldset
- FormInput
- Label
- Mentionsuggest
- Multicombo
- Multiselect
- MultiSuggest
- Multitext
- Pager
- Radio
- RangeSlider
- RichSelect
- RichText
- Search
- Select
- Segmented
- Slider
- Suggest List
- Switch Button
- Tabbar
- Text
- Texthighlight
- Textarea
- Toggle
- Uploader
JavaScript Менеджер файлов, HTML5 UI веб виджет
JavaScript Менеджер файлов или, другими словами, Проводник файлов - это веб виджет, часть UI фреймворка для управления файлами. Webix предлагает готовое решение - JS файловый менеджер, который может быть встроен в любое веб приложение. Файловый проводник - это востребованный UI компонент, который может быть использован в различных UX кейсах, т.к. содержит все необходимые элементы для работы со списками объектов: поиск, сортировка, табличный и плиточный вид. Также виджет от Webix содержит вид со сдвоенными панелями, чтобы работать с файлами в режиме "старой школы".
5. Панель предварительного просмотра
Превью для текстовых и медиа файлов доступно как для крупных плиток как и в панели предварительного просмотра.
1. Интуитивный интерфейс
Традиционный UI для работы с файлами (дерево каталогов, табличное и "плиточное" представление файлов), сдвоенная панель и предпросмотр файлов.
2. Удобная навигация
Дерево папок, "хлебные кроши", поиск на имени фалов и папок. Поддержка клавиатуры.
3. Встроенная загрузка и скачивание фалов
Встроенный менеджер загрузок, возможность скачать и закачать файлы в один клик или при помощи drag-n-drop.
4. Вид со сдвоенными панелями
Удобная работа с содержимым двух папок в стиле Total commander.
5. Панель предварительного просмотра
Превью для текстовых и медиа файлов доступно как для крупных плиток как и в панели предварительного просмотра.
1. Интуитивный интерфейс
Традиционный UI для работы с файлами (дерево каталогов, табличное и "плиточное" представление файлов), сдвоенная панель и предпросмотр файлов.
Другие виджеты Webix:
Преимущества JS File Manager
Легкая интеграция с бекендом
Простая интеграция с backend: PHP, Node.js, Golang и .NET.
Настраиваемость
Все элементы можно настроить через API, без необходимости редактировать что-либо в исходных кодах.
Легкая интеграция с фронтендом
Может работать со всеми современными фреймворками. Вы можете использовать его отдельно или внутри приложения React, Angular.
Поддержка всех браузеров и платформ
Поддержка всех современных браузеров и удобная стилизация с помощью CSS.
Дополнительные возможности File Manager для приложений на JavaScript
- Удобные просмотр содержимого папок в табличной форме
- Сортировка списка по клику на заголовки таблицы
- Custom icons для разных типов файлов
- Отображает содержимое графических файлов
- Отображает содержимое файлов (PDF, TXT)
- Предпросмотр графических и медиа файлов
- Позволяет работать с двумя папками одновременно
- Удобное копирование и перемещение файлов
- Поддержка клавиатуры и drag-n-drop
- Предпросмотр содержимого файлов (PDF, TXT)
- Предпросмотр графических файлов (JPG, PNG, BMP…)
- Проигрывание музыки (MP3, WAV)
- Просмотр видеофайлов
- Информация и атрибуты выбранного файла
- File Manager содержит встроенный редактор для работы с тестовыми файлами
- File Manager позволяет проигрывать аудио и видеофайлы в панели предварительного просмотра
Живое демо с JavaScript File Manager
File Manager JavaScript примеры
Переключение языка
Возможность переключать язык в панели файл менеджера
События
Возможность видеть путь к файлу
Пользовательский режим
Возможность просматривать файлы в режиме пользователя
Компактное отображение
Возможность видеть большее количество элементов в видимом рабочем поле
Webix File Manager licensing
Создавайте красивые интерфейсы с помощью JS виджета File Manager
Виджеты и контролы JavaScript UI библиотеки Webix
- Button
- Calendar
- Checkbox
- Checksuggest
- Colorboard
- Colorpicker
- Color Selector
- Combo
- Counter
- DatePicker
- DateRange
- DateRangePicker
- TimeBoard
- DateRangeSuggest
- DataSuggest
- DoubleList
- GridSuggest
- Icon
- Fieldset
- FormInput
- Label
- Mentionsuggest
- Multicombo
- Multiselect
- MultiSuggest
- Multitext
- Pager
- Radio
- RangeSlider
- RichSelect
- RichText
- Search
- Select
- Segmented
- Slider
- Suggest List
- Switch Button
- Tabbar
- Text
- Texthighlight
- Textarea
- Toggle
- Uploader