Перейти к основному содержимому

Обзор API

Конструктор Kanban

new kanban.Kanban("#root", {
// параметры конфигурации
});

Параметры:

  • HTML-контейнер (ID контейнера)
  • объект с параметрами конфигурации (подробнее здесь)

Конструктор Toolbar

new kanban.Toolbar("#toolbar", {
// параметры конфигурации
});

Параметры:

  • HTML-контейнер (ID контейнера)
  • объект с настройками конфигурации (подробнее здесь)

Методы Kanban

НазваниеОписание
addCard()Вставляет новую карточку на доску Kanban
addColumn()Вставляет новую колонку в доску Kanban
addComment()Вставляет новый комментарий в указанную карточку по её ID.
addLink()Вставляет новую ссылку на доску Kanban.
addRow()Вставляет новую строку в доску Kanban
deleteCard()Удаляет конкретную карточку из хранилища Kanban.
deleteColumn()Удаляет указанный столбец из хранилища данных Kanban.
deleteComment()Удаляет комментарий из карточки по его ID
deleteLink()Удаляет указанную ссылку из хранилища данных Kanban.
deleteRow()Удаляет указанную строку из хранилища данных Kanban.
destructor()Очищает все HTML-элементы доски Kanban и удаляет все связанные обработчики событий.
duplicateCard()Создаёт дубликат карточки на основе заданного ID
getAreaCards()Возвращает массив, содержащий объекты данных всех карточек в указанной колонке (и строке).
getCard()Получает объект данных карточки по её указанному ID
getSelection()Возвращает массив с ID(ами) выбранных карточек
moveCard()Перемещает карточку в указанную колонку (и строку).
moveColumn()Перемещает колонку на новую позицию внутри доски.
moveRow()Перемещает строку на новое место внутри доски.
parse()Загружает данные в доску Kanban
redo()Повторно выполняет действие, отменённое методом undo
scroll()Перемещает вид Kanban к определённому элементу
selectCard()Выделяет карточку по заданному ID.
serialize()Преобразует данные Kanban в формат JSON.
setConfig()Обновляет Kanban с новыми настройками конфигурации
setEdit()Включает или выключает редактор карточки Kanban
setLocale()Устанавливает новую локализацию для компонента Kanban
setSearch()Находит карточки на основе заданных критериев поиска
setSort()Сортирует карточки на основании заданных критериев
setTheme()Динамически применяет новую тему к доске Kanban (переинициализируя её).
undo()Отменяет последнюю операцию в Gantt
unselectCard()Снимает выделение с карточки(ок), идентифицированных по их ID.
updateCard()Обновляет данные карточки по её ID
updateColumn()Изменяет данные колонки по её ID
updateComment()Изменяет комментарий карточки по указанному идентификатору
updateRow()Изменяет данные строки на основе её идентификатора.

Внутренний API Kanban

Методы Event Bus

НазваниеОписание
api.exec()Этот метод позволяет запускать внутренние события внутри доски Kanban.
api.intercept()Позволяет перехватывать и блокировать внутренние события до их выполнения.
api.on()Позволяет прикрепить обработчик к внутренним событиям
api.setNext()Позволяет вставить конкретное действие в последовательность Event Bus.

Методы экспорта

НазваниеОписание
export.json()Сохраняет данные Kanban в виде JSON-файла

Методы состояния

НазваниеОписание
api.getReactiveState()Возвращает объект, содержащий реактивные свойства доски Kanban.
api.getState()Получает объект, содержащий свойства StateStore канбана.
api.getStores()Получает объект, содержащий свойства DataStore Канбана.

События Kanban

НазваниеОписание
add-cardСрабатывает при добавлении новой карточки
add-columnСрабатывает при добавлении новой колонки
add-commentСрабатывает при добавлении нового комментария
add-linkСрабатывает при добавлении новой ссылки
add-rowСрабатывает всякий раз, когда добавляется новая строка
add-voteСрабатывает при добавлении пользователем нового голоса
delete-cardСрабатывает при удалении карточки
delete-columnСрабатывает при удалении колонки
delete-commentСрабатывает при удалении комментария к карточке
delete-linkСрабатывает при удалении ссылки
delete-rowСрабатывает при удалении строки
delete-voteСрабатывает, когда пользователь удаляет голос с карточки
drag-cardЭто событие срабатывает каждый раз, когда карточка перемещается с помощью drag-and-drop.
duplicate-cardСрабатывает при дублировании карточки
end-drag-cardСрабатывает при завершении перетаскивания карточки
move-cardСрабатывает при перемещении карточки
move-columnСрабатывает при перемещении колонки
move-rowСрабатывает при перемещении строки
scrollВызывается при прокрутке к указанным элементам
select-cardСрабатывает при выборе карточки
set-editСрабатывает при переключении редактора
set-searchСрабатывает при выполнении поиска карточек
set-sortВызывается при каждой сортировке карточек.
start-drag-cardСрабатывает при начале перетаскивания карточки
unselect-cardСрабатывает при отмене выбора карточки
update-cardСрабатывает при обновлении данных карточки
update-columnСрабатывает при обновлении данных колонки.
update-commentСрабатывает при обновлении комментария
update-rowСрабатывает при обновлении данных строки

Свойства Kanban

НазваниеОписание
cardHeightНеобязательно. Определяет высоту карточек.
cardsНеобязательно. Массив объектов, содержащих данные карточек
cardShapeОпционально. Объект настроек, который управляет внешним видом карточек.
cardTemplateОпционально. Генерирует и применяет пользовательский HTML-шаблон для карточки.
columnKeyОпционально. Определяет, к какой колонке принадлежит карточка.
columnsНеобязательно. Массив объектов, содержащих данные колонок
columnShapeНеобязательный объект настроек для кастомизации внешнего вида колонок
currentUserНеобязательно. Представляет ID текущего пользователя
editorНеобязательно. Содержит настройки для кастомизации редактора Kanban
editorAutoSaveУстарело! Необязательно. Включает/отключает режим автосохранения
editorShapeНеобязательно. Массив объектов, определяющих настройки для управления внешним видом и поведением редактора Kanban.
historyНеобязательно. Управляет включением или выключением отслеживания истории изменений
linksНеобязательно. Это массив объектов, содержащих данные ссылок.
localeНеобязательно. Объект, определяющий пользовательский locale для Kanban
readonlyОпционально. Управляет включением или отключением редактирования, добавления, выбора и перетаскивания карточек.
renderTypeНеобязательно. Определяет способ отображения карточек.
rowKeyНеобязательно. Определяет, как карточка привязывается к ряду.
rowsОпционально. Массив объектов, содержащих данные строк (swimlanes)
rowShapeНеобязательно. Объект с настройками для кастомизации внешнего вида строк
scrollTypeОпционально. Определяет поведение прокрутки.
themeНеобязательно. Определяет тему, которая будет применена к доске Kanban.

Методы Toolbar

НазваниеОписание
destructor()Выполняет очистку, удаляя все HTML-элементы панели инструментов и отсоединяя все связанные события.
setConfig()Обновляет Toolbar с новыми настройками конфигурации
setLocale()Обновляет панель инструментов Kanban с новым языковым локалем

Свойства Toolbar

НазваниеОписание
apiОбязательно. Объект, представляющий внутренний API Kanban.
itemsНеобязательно. Массив, содержащий элементы управления, расположенные на панели инструментов Kanban.
localeНеобязательно. Объект, определяющий пользовательскую локализацию для Toolbar.
themeНеобязательно. Указывает тему, применяемую к Toolbar.

Общие настройки

НазваниеОписание
$metaОбъект с дополнительными настройками для настройки методов и событий Kanban

API RestDataProvider

Методы RestDataProvider

НазваниеОписание
getCards()Возвращает promise с данными карточек
getColumns()Получает promise с данными колонок
getLinks()Возвращает промис с данными о связях
getRows()Возвращает промис с данными строк
getUsers()Получает promise, содержащий данные пользователей
send()Этот метод отвечает за отправку необходимых HTTP-запросов на сервер и возвращает promise, который может содержать данные в зависимости от типа запроса.

Маршруты RestDataProvider

НазваниеОписание
GET /cardsПолучает информацию обо всех карточках и возвращает JSON-объект, содержащий массив объектов карточек.
GET /columnsПолучает информацию обо всех колонках и возвращает JSON-объект, содержащий массив данных колонок.
GET /linksПолучает информацию обо всех связях и возвращает JSON-объект, содержащий массив объектов связей.
GET /rowsПолучает данные для всех строк и возвращает JSON-объект, содержащий массив объектов данных строк (swimlane).
GET /usersПолучает данные обо всех пользователях и возвращает JSON-объект, содержащий массив объектов пользователей.
GET /uploadsПолучает указанный бинарный файл с сервера
POST /cardsДобавляет новую карточку и возвращает json-объект с ID созданной карточки.
POST /cards/{cardId}/commentsДобавляет один или несколько новых комментариев к указанной карточке и возвращает JSON-объект с ID добавленного комментария.
POST /cards/{cardId}/voteДобавляет новый голос к карточке и возвращает JSON-объект с ID пользователя, который проголосовал.
POST /columnsДобавляет новую колонку и возвращает JSON-объект с ID колонки.
POST /linksДобавляет новую ссылку и возвращает JSON-объект с ID новой ссылки
POST /rowsДобавляет новую строку и возвращает JSON-объект с ID строки.
POST /uploadsЗагружает бинарный файл на сервер и возвращает JSON объект с id файла, именем и URL
PUT /cardsОбновляет данные указанной карточки и возвращает пустой JSON объект.
PUT /cards/{id}/moveПеремещает карточки на указанную позицию
PUT /cards/{cardId}/comments/{cardId}Этот эндпоинт обновляет существующий комментарий внутри карточки и возвращает JSON объект с ID обновлённого комментария.
PUT /columnsОбновляет данные конкретного столбца и возвращает пустой JSON-объект.
PUT /columns/{id}/moveИзменяет позицию колонки, перемещая её в указанное место.
PUT /rowsОбновляет данные для конкретной строки (swimlane) и возвращает пустой JSON-объект.
PUT /rows/{id}/moveИзменяет позицию строки, перемещая её в указанное место.
DELETE /cardsУдаляет данные из карточки
DELETE /cards/{cardId}/comments/{cardId}Удаляет комментарий из карточки
DELETE /cards/{cardId}/voteУдаляет голос с карточки и возвращает JSON объект с ID пользователя, который удалил голос
DELETE /columnsУдаляет данные колонки
DELETE /linksУдаляет запись ссылки
DELETE /rowsУдаляет строку (swimlane) из данных.