UI виджет Portlet

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

живое демо

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

Обзор

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

Режимы для перетаскивания портлетов

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

Drag-and-drop

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

Настройка шапки портлета

В отличие от компонента Webix Layout, вы можете задавать шапки для каждого экземпляра Portlet. Вы можете перетаскивать виджет за шапку.

Помещайте в Portlet любые виджеты

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