使用方法
本页面为您提供关于 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 |
还有其他问题?
信息
您也可以在下方评论区留言提问!