操作指南
本页面为您提供了关于 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 | 如何在 Kanban 中使用 TypeScript |
还有疑问？
信息
您也可以在下方评论区留言提问！