自定义渲染

Kickoff提供了大量的自定义渲染函数入口,大到整个任务表单的渲染,小到table视图中一个列标题的渲染, 都可以通过自定义渲染函数实现定制。Kickoff中的所有自定义渲染函数都支持异步渲染, 这意味着更高的灵活性和更便捷的开发体验。

下面,我们通过定制gantt视图任务图形来感受一下Kickoff中自定义渲染函数的基本用法。

开始实践

我们通过编写自定义渲染函数renderGanttTaskGraph来对gantt视图中的任务图形进行了自定义渲染, 当任务有子任务时,折叠该任务会将子任务以办透明状态显示在该任务行上。我们在定制的过程中, 编写了特定的css样式,和折叠状态下子任务元素尺寸和位置的计算规则。

你可以通过点击First Task的popover面板中的最右侧的Fold/Unfold按键查看效果。

Kickoff中还有很多自定义渲染函数,可以查看 Kickoff API 了解更多内容。