UI виджет MultiView

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

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддерживается во всех браузерах (IE8+)
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

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

Контейнер для всех виджетов

Вы можете помещать любые виджеты Webix в MultiView. Например, JavaScript Calendar можно поместить в одну вкладку, а JavaScript Carousel - в другую. Пользователи смогут быстро переключаться между виджетами на панелях Multiview c помощью средств навигации (кнопок, меню).

Переключение между панелями Multiview

Вы можете быстро переключаться между панелями MultiView с помощью контролов, виджета Tabbar (Tabview) или с помощью методов Multiview.

Установка размеров

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

Анимация

Вы можете легко управлять анимацией при переключении панелей в MultiView и выбирать нужный тип анимации с помощью API.

Сохранение скрытых вкладок

Multiview удаляет скрытые вкладки из DOM, что хорошо для производительности, но может вызвать потерю данных, например, если в одной из вкладок WYSIWYG-редактор. Вы можете запретить удаление скрытых вкладок с помощью настроек виджета.