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

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

kanban
1 2 3 4 5 6 7

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

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

2. Быстрое добавление карточек 

  • Добавляйте карточки с помощью одного клика.

3. Комментарии

  • Добавляйте комментарии к задачам.

4. Редактирование карточек

  • Добавляйте текст, тэг, вложение.
  • Меняйте цвет, статус, исполнителя.

5. Перетаскивание карточек

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

6. Выбор пользователя

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

7. Компактный режим

  • Сворачивайте столбцы при нажатии на шапку.

Другие виджеты Webix для задач планирования:

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

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

Простая интеграция с backend: PHP, Node.js, Golang и .NET.

Настраиваемость

Все элементы можно настроить через API, без необходимости редактировать что-либо в исходных кодах.

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

Может работать со всеми современными фреймворками. Вы можете использовать его отдельно или внутри приложения React, Angular.

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

Поддержка всех современных браузеров и удобная стилизация с помощью 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?

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

Webix Kanban licensing