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

Обзор API

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

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

Параметры:

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

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

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

Параметры:

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

Методы 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
getColumnCards()Получает массив, содержащий объекты данных всех карточек в указанной колонке
getSelection()Возвращает массив с ID выбранных карточек
moveCard()Перемещает карточку в указанный столбец (и строку)
moveColumn()Перемещает колонку на новую позицию
moveRow()Перемещает строку на новую позицию
parse()Выполняет парсинг данных в Kanban
redo()Повторяет действие, которое было отменено с помощью undo
scroll()Прокручивает Kanban к указанному элементу
selectCard()Выбирает карточку по указанному ID
serialize()Сериализует данные Kanban в JSON
setConfig()Устанавливает новые параметры конфигурации Kanban
setEdit()Переключает редактор Kanban
setLocale()Применяет новую локаль к Kanban
setSearch()Выполняет поиск карточек по заданным параметрам
setSort()Сортирует карточки по заданным параметрам
undo()Отменяет последнее действие в Kanban
unselectCard()Снимает выделение с карточки(ек) по её ID
updateCard()Обновляет данные карточки по её ID
updateColumn()Обновляет данные колонки по её ID
updateComment()Обновляет комментарий карточки по его ID
updateRow()Обновляет данные строки по её ID

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

Методы Event Bus

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

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

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

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

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

События 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Срабатывает при перемещении карточки с помощью dnd
duplicate-cardСрабатывает при дублировании карточки
end-drag-cardСрабатывает при прекращении перетаскивания карточки
move-cardСрабатывает при перемещении карточки
move-columnСрабатывает при перемещении колонки
move-rowСрабатывает при перемещении строки
redoСрабатывает при повторении действия, отменённого с помощью undo
scrollСрабатывает при прокрутке к указанным элементам
select-cardСрабатывает при выборе карточки
set-editСрабатывает при переключении редактора
set-searchСрабатывает при поиске карточек
set-sortСрабатывает при сортировке карточек
start-drag-cardСрабатывает при начале перетаскивания карточки
undoСрабатывает при отмене последней операции в Kanban
unselect-cardСрабатывает при снятии выделения с карточки
update-cardСрабатывает при обновлении данных карточки
update-columnСрабатывает при обновлении данных колонки
update-commentСрабатывает при обновлении комментария
update-rowСрабатывает при обновлении данных строки

Свойства Kanban

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

Методы Toolbar

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

Свойства Toolbar

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

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

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

API RestDataProvider

Методы RestDataProvider

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

Маршруты RestDataProvider

НазваниеОписание
GET /cardsПолучает данные обо всех карточках и возвращает json-объект с массивом объектов карточек
GET /columnsПолучает данные обо всех колонках и возвращает json объект с массивом объектов с данными колонок
GET /linksПолучает данные обо всех ссылках и возвращает json объект с массивом объектов ссылок
GET /rowsПолучает данные обо всех строках и возвращает json-объект с массивом объектов с данными строк (swimlanes)
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)