Виджеты
Демки
Ресурсы
Поддержка и руководства

Документация

Форум

Обучающие материалы

Видео

Уроки

UI Designer
Микрофреймворк

Webix Jet
Средства для разработчиков
Бесплатные онлайн-средства для разработчиков:

Редактор кода

Скин билдер

Генератор форм
Цены
Услуги
Salesforce
Блог
Русский
- English
- Korean

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

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

Скачать JS Kanban Купить

1 2 3 4 5 6 7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Scheduler

Timeline

Calendar

DatePicker

DateRange

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перетаскивайте карточки между столбцами
Сворачивайте и разворачивайте столбцы
Добавляйте swimlane для группировки задач
Отображайте нужные карточки с помощью фильтрации
Подсвечивайте карточки
Выбирайте несколько карточек одновременно
Добавляйте контекстное меню для карточек
Размещайте карточки любым удобным для вас образом

features-1

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

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

features-3

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

features-4

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

features-5

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

features-6

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

features-8

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

На весь экран

Фильтрация

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

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

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

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

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

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

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

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

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

Что такое Kanban?

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

Полезные статьи про Kanban