English | Русский

Portlet

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

Webix Portlet
Демо

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

Перетаскивание портлетов может происходить в трех режимах. В первом из них, вы можете перетащить один портлет на место другого. Два других режима предполагают перемещение портлетов только в одном из двух направлений: вдоль оси X - чтобы создать горизонтальный layout, состоящий из столбцов, или вдоль оси Y - чтобы построить вертикальный layout из строк.

Drag-and-Drop

Используя специальный handler, вы можете запросто перетаскивать Portlet в необходимое место. При этом портлет может располагаться горизонтально, в качестве столбца, или вертикально, занимая строку. Также удобно то, что позиции, в которые вы собираетесь разместить портлет, автоматически подсвечиваются при наведении на них курсора.

Настраиваемые хедерыДемо

Для каждого портлета можно создать свой собственный хедер, что отличает компонент Portlet от виджета Webix Layout. При этом, хедеры можно использовать для перетаскивания портлетов.

Webix Portlet Header
Демо

Совместимость с браузерами

Webix Portlet отлично работает во всех современных веб-браузерах: Explorer 8+, Firefox, Safari, Opera и Google Chrome. Виджет автоматически определяет тип браузера и настраивается для оптимальной отрисовки.

Поддержка тач-событий

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

Windows and Popups
Uploader