UI виджет Dashboard

Grid Dashboard поможет вам легко размещать UI компоненты в сетке и создавать дашборды с панелями. Dashboard расширяет возможности виджета GridLayot и позволяет пользователям легко перемещать компоненты в сетке. Пользователи могут перетаскивать панели в любую ячейку и изменять их размеры.

живое демо

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

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

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

Перетащите панели.

Панели с изменяемыми размерами

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

Потяните за иконку в нижнем правом углу панелей, чтобы изменить их размер.

Добавляйте меню к каждой панели

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

Кликните по иконкам, чтобы открыть меню.

Изменяйте сетку

Используйте Dashboard API для добавления, перемещения и удаления панелей с сетки. Вы можете создавать схемы для создания динамических панелей.

Перетащите панели на дашборд из списка слева.

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

Вы можете сохранять и восстановлять текущее положение и размеры панелей на сетке.