Решения

Эта страница содержит полный справочник по началу работы, настройке, оптимизации и управлению JavaScript Kanban.

Основные принципы

Вот основные моменты, которые нужно знать при работе с Kanban.

Тема	Описание
Инициализация	Как настроить Kanban (Пример)
Конфигурация	Способы конфигурирования Kanban
Кастомизация	Шаги по кастомизации Kanban
Стилизация	Варианты стилизации Kanban
Локализация	Как локализовать Kanban (Пример)

Справочник API

Здесь приведены справочники по API Kanban, которые могут понадобиться.

Тема	Описание
Kanban events	Работа с событиями Kanban
Kanban methods	Использование методов Kanban
Kanban properties	Доступ к свойствам Kanban
Event Bus methods	Методы Event Bus
RestDataProvider methods	Методы RestDataProvider
State methods	Методы State
Toolbar methods	Методы Toolbar
Toolbar properties	Свойства Toolbar

Работа с карточками

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

Операции с карточками

Тема	Описание
Adding new cards	Как добавить новые карточки (Пример)
Deleting cards	Как удалить карточки (Пример)
Moving cards	Как перемещать карточки (Пример)
Scrolling to the desired cards	Как прокрутить Kanban к нужной карточке
Searching for cards	Как искать карточки
Selecting cards	Как выделять карточки
Sorting cards	Как сортировать карточки
Unselecting cards	Как снять выделение с карточек
Adding links between cards	Как добавить связи между карточками (Пример)

Работа с данными карточек

Тема	Описание
Getting card data	Как получить данные карточки
Getting cards state	Как получить состояние карточек
Getting cards reactive state	Как получить реактивное состояние карточек
Loading card data	Как загрузить начальные данные карточек
Parsing card data	Как распарсить данные карточек
Serializing card data	Как сериализовать данные карточек (Пример)
Updating card data	Как обновить данные карточек

Настройка карточек

Тема	Описание
Adding new cards	Включение или отключение возможности добавления карточек
Binding cards into columns	Как привязать карточки к колонкам
Binding cards into rows	Как привязать карточки к строкам (swimlanes)
Configuring a card appearance	Как настроить внешний вид карточки
Configuring a cards menu	Как настроить контекстное меню карточек (Пример)
Customizing a card appearance	Как использовать шаблоны для изменения внешнего вида карточек (Пример)
Dragging cards	Включение или отключение drag-n-drop для карточек
Editing cards	Включение или отключение редактирования карточек
Lazy rendering	Включение или отключение lazy rendering для большого числа карточек (Пример)
Limiting cards	Установка лимитов для колонок и swimlanes (валидация WIP) (Пример)
Selecting cards	Включение или отключение выбора карточек
Setting a fix height of cards	Как задать фиксированную высоту карточек
Updating card settings	Как обновить настройки карточек

Работа с редактором карточек

Здесь вы найдете подробности по использованию редактора карточек.

Тема	Описание
Autosaving mode	Как включить или отключить автосохранение в редакторе
Configuring editor fields	Как настроить поля редактора
Configuring the editor	Как настроить редактор
Updating editor settings	Как обновить настройки редактора

Работа с колонками

Здесь описано, как управлять колонками и их данными.

Операции с колонками

Тема	Описание
Adding new columns	Как добавить новые колонки (Пример)
Configuring a columns menu	Как настроить контекстное меню для колонок (Пример)
Deleting columns	Как удалить колонки
Moving columns	Как перемещать колонки
Scrolling to the desired columns	Как прокрутить Kanban к нужной колонке
Separate scrolling for columns	Как сделать отдельную прокрутку для колонок (Пример)

Работа с данными колонок

Тема	Описание
Getting card data of the column	Как получить данные карточек в колонке
Getting columns state	Как получить состояние колонок
Getting columns reactive state	Как получить реактивное состояние колонок
Loading column data	Как загрузить начальные данные колонок
Parsing column data	Как распарсить данные колонок
Serializing column data	Как сериализовать данные колонок
Updating column data	Как обновить данные колонок

Работа со строками (swimlanes)

В этих разделах объясняется, как управлять строками (swimlanes) и их данными.

Операции со строками (swimlanes)

Тема	Описание
Adding new rows	Как добавить новые строки (swimlanes)
Configuring a rows menu	Как настроить контекстное меню для строк (swimlanes) (Пример)
Deleting rows	Как удалить строки (swimlanes)
Moving rows	Как перемещать строки (swimlanes)
Scrolling to the desired row	Как прокрутить Kanban к нужной строке (swimlane)

Работа с данными строк (swimlanes)

Тема	Описание
Getting card data of the column and row	Как получить данные карточек по колонке и строке
Getting rows state	Как получить состояние строк
Getting rows reactive state	Как получить реактивное состояние строк
Loading row data	Как загрузить начальные данные строк
Parsing row data	Как распарсить данные строк
Serializing row data	Как сериализовать данные строк
Updating row data	Как обновить данные строк

Работа с событиями

Тема	Описание
Executing events	Запуск внутреннего события
Intercepting events	Как перехватывать внутреннее событие
List of inner events	Список внутренних событий Kanban
Reordering events	Как изменить порядок выполнения события Event Bus
Subscribing on events	Как подписаться на внутреннее событие

Работа с Kanban REST API

Тема	Описание
Loading server data for cards	Как загрузить данные карточек с сервера
Loading server data for columns	Как загрузить данные колонок с сервера
Loading server data for rows	Как загрузить данные строк с сервера
Working with server	Как работать с сервером через REST API (Пример)

Работа с состоянием Kanban

Тема	Описание
Getting StateStore and DataStore	Как получить объекты StateStore и DataStore
Getting StateStore properties	Как получить свойства StateStore
Getting StateStore reactive properties	Как получить реактивные свойства StateStore

Работа с Toolbar

Тема	Описание
Configuring a searchbar on Toolbar	Как настроить строку поиска на Toolbar (Пример)
Configuring a sort control on Toolbar	Как настроить элемент сортировки на Toolbar (Пример)
Configuring Toolbar controls	Как настроить, кастомизировать и менять порядок элементов Toolbar (Пример)
Including Kanban API in Toolbar	Как добавить и использовать Kanban API в Toolbar
Localizing Toolbar	Как локализовать Toolbar

Работа с TypeScript

Тема	Описание
Working with TypeScript	Как использовать TypeScript с Kanban

Остались вопросы?

информация

Вопросы также можно задать в комментариях ниже!