JavaScript виджет Kanban или Панель управления задачами

Kanban - это один из методов планирования и управления по принципу "точно в срок". Webix предлагает готовый JavaScript компонент Kanban, который может быть встроен в любое приложение управления проектами. Другое распространённое название этого UI виджета - панель управления задачами. Воспользуйтесь нашим готовым JS приложением Kanban, чтобы сэкономить время на дизайн и разработку.

kanban
1 2 3 4

1. Компактный и функциональный дизайн

Рационально визуализируйте рабочий процесс.

2. Управление задачами

Добавляйте, изменяйте и удаляйте задачи. Перетаскивайте карточки с задачами между столбцами.

3. Гибкая конфигурация интерфейса

Добавляйте любое количество карточек и столбцов, настраивайте внешний вид карточек.

4. Интеграция с бекендом

Загружайте и сохраняйте задачи с помощью Webix API.

Преимущества JS Kanban

Интеграция с бекендом

Простая интеграция с любыми backend-платформами: PHP, Node.js и .NET.

Общедоступность

Соответствует требованиям Секции 508 и стандарту WAI-ARIA и поддерживает навигацию с помощью клавиатуры.

Интеграция с фронтендом

Интеграция с jQuery, AngularJS, Vue.js, React и другими сторонними библиотеками.

Поддержка всех браузеров и платформ

Поддержка всех современных браузеров и удобная стилизация с помощью CSS.

Готовый JS компонент для интеграции

Интеграция приложения при помощи нескольких строчек кода.

Фичи и возможности

Поддержка Drag-n-Drop, фильтры, группировка задач, контекстное меню и многое другое.

Молниеносный рендеринг

Сверхмалый размер компонента и глубоко оптимизированный JavaScript код.

Документация, примеры, тех.поддержка

Профессиональный продукт с детальной документацией и службой технической поддержки.

Дополнительные возможности Kanban для приложений на JavaScript

features-1

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

features-2

Рационально используйте пространство экрана, скрывая ненужные столбцы.

features-3

Визуализируйте рабочий процесс более эффективно, используя отдельные swimlane для каждой команды.

features-4

Отображайте только те карточки, что нужны вам.

features-5

Отмечайте разными цветами наиболее важные карточки, делая их более заметными.

features-6

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

features-8

Помещайте карточки во вкладки, размещайте их вертикально или горизонтально для большего удобства.

Живое демо с JavaScript Kanban

Kanban JavaScript coding samples

Фильтрация

Фильтрация

Фильтрация элементов объекта с возможностью отмены: при выборе объекта остаются только элементы, принадлежащие ему.

Строки и столбцы

Строки и столбцы

Пример реализации строк и столбцов.

Визуальные элементы: несколько столбцов

Визуальные элементы: несколько столбцов

Возможность устанавливать разные столбцы для каждой дорожки на доске.

Прикрепление вложения

Прикрепление вложения

Возможность прикрепить графическое вложение в карточку задания на доске.

Комментарии

Комментарии

Возможность оставлять комментарии под карточкой на доске.

Уменьшенное отображение элементов

Уменьшенное отображение элементов

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

Что такое Kanban?

Kaban или Доска задач - это одна из самых популярных практик управления проектами и планирования задач. Следуя философии прозрачности и наглядности всех процессов, эта методика визуализирует текущие и предстоящие задачи в виде последовательности карточек, размещенных на доске задач. Т.о., каждый член команды видит, из каких шагов складывается общий результат работы команды. Процесс планирования в методологии Kanban состоит из разбиения проекта на последовательные стадии. Для завершения каждой стадии составляются задачи. Для выполнения каждой задачи назначаются ресурсы (исполнители). Интерфейс приложения Kanban позволяет отслеживать прогресс выполнения как отдельных задач, так и всего проекта в целом. Простота и наглядность делает Kanban универсальным решением для большинства задач в сфере создания приложений для планирования и управления.

Webix Kanban licensing