用途:在 Vue 2(Vue CLI)或 Vue 3(Vite)项目中实现 Syncfusion Vue Gantt Chart 项目排期界面,用于任务时间线、依赖关系与资源管理。包为 @syncfusion/ej2-vue-gantt,组件标签 <ejs-gantt>,组合式 API 导入 GanttComponent as EjsGantt,选项式 API 组件键 'ejs-gantt'。
主要能力:数据绑定支持本地数组、自引用(parentID)与 DataManager 远程源;任务排期支持自动、手动与自定义模式及多种持续时间单位、基线、未排期任务与工作日历;任务依赖支持 FS、SS、FF、SF 及限制控制与连接线;编辑支持单元格、对话框与任务条拖拽/缩放,任务条绘制、增删行、缩进/取消缩进;资源分配、资源视图与多任务条视图;列可重排、调整、冻结、跨列、模板、WBS、序号与复选框;时间线支持上下层、缩放、时间单位与无限滚动;筛选、排序、行列选择、内置与自定义工具栏;任务条与标签模板、数据标记、各类提示;事件标记与节假日;项目日历与任务级日历;Excel 与 PDF 导出;分割面板、加载动画与状态持久化;撤销/重做;大数据虚拟滚动;时区与全球化;上下文菜单;关键路径高亮。
使用方式:按官方 Getting Started 完成安装与主题 CSS 引入,在 Vue 中注册组件并注入所需模块(如 Edit、Filter、Sort、Selection、Toolbar、DayMarkers、ExcelExport、PdfExport、VirtualScroll、CriticalPath、UndoRedo、ColumnMenu、ContextMenu),通过 taskFields 映射字段后绑定数据。
限制:各功能需注入对应模块并使用相应属性/API;部分设置(如 allowUnscheduledTasks、readOnly、enableVirtualization)会改变行为;部分交互(如依赖拖拽绘制)需 Edit 模块与 allowTaskbarEditing;具体版本、许可与收费信息暂未提供。