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

Решения

Эта страница содержит полную справочную информацию по инициализации, настройке, кастомизации и работе с 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Узнайте, как загружать начальные данные карточек
Загрузка данных карточек динамическиУзнайте, как загружать данные карточек во время выполнения через setConfig() (или его псевдоним parse())
Serializing card dataУзнайте, как сериализовать данные карточек (Пример)
Updating card dataУзнайте, как обновлять данные карточек

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

ТемаОписание
Adding new cardsУзнайте, как включить/отключить возможность добавления новых карточек
Binding cards into columnsУзнайте, как привязывать карточки к колонкам
Binding cards into rowsУзнайте, как привязывать карточки к строкам
Configuring a card appearanceУзнайте, как настраивать внешний вид карточки
Configuring a cards menuУзнайте, как настраивать контекстное меню карточки (Пример)
Customizing a card appearanceУзнайте, как кастомизировать внешний вид карточки с помощью шаблонов (Пример)
Dragging cardsУзнайте, как включить/отключить возможность перетаскивания карточек
Editing cardsУзнайте, как включить/отключить возможность редактирования карточек
Lazy renderingУзнайте, как включить/отключить ленивый рендеринг большого количества карточек (Пример)
Limiting cardsУзнайте, как ограничивать количество карточек в колонках и дорожках (валидация 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Узнайте, как загружать начальные данные колонок
Загрузка данных колонок динамическиУзнайте, как загружать данные колонок во время выполнения через setConfig() (или его псевдоним parse())
Serializing column dataУзнайте, как сериализовать данные колонок
Updating column dataУзнайте, как обновлять данные колонок

Работа со строками (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Узнайте, как загружать начальные данные строк
Загрузка данных строк динамическиУзнайте, как загружать данные строк во время выполнения через setConfig() (или его псевдоним parse())
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

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

информация

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

Need more help?Contact Support