使用方法

本页面为您提供关于 JavaScript Kanban 的初始化、配置、自定义及操作的完整参考。

基本原则

在本节中，您可以了解 Kanban 的基本使用原则

主题	描述
初始化	学习如何初始化 Kanban (示例)
配置	学习如何配置 Kanban
自定义	学习如何自定义 Kanban
样式化	学习如何美化 Kanban
本地化	学习如何本地化 Kanban (示例)

API 参考

在本节中，您可以查阅 Kanban API 的相关参考

主题	描述
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	学习如何滚动至指定卡片
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	学习如何将卡片绑定到行
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	学习如何滚动至指定列
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	学习如何更新列数据

行（泳道）操作方法

在这些章节中，您可以了解如何对行（泳道）进行操作及处理行数据

行（泳道）操作

主题	描述
Adding new rows	学习如何添加新行（泳道）
Configuring a rows menu	学习如何配置行（泳道）右键菜单 (示例)
Deleting rows	学习如何删除行（泳道）
Moving rows	学习如何移动行（泳道）
Scrolling to the desired row	学习如何滚动至指定行（泳道）

行（泳道）数据处理

主题	描述
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	学习如何在 Toolbar 中集成和使用 Kanban API
Localizing Toolbar	学习如何本地化 Toolbar

TypeScript 操作方法

主题	描述
Working with TypeScript	学习如何使用 TypeScript

还有其他问题？

信息

您也可以在下方评论区留言提问！