操作指南
本页面为您提供了关于 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 与服务器交互 (示例) |