DHTMLX Gantt 任务类型切换问题分析与解决方案

2025-07-10 07:05:42作者：盛欣凯Ernestine

问题现象分析

在使用 DHTMLX Gantt 9.0 版本时，当用户在任务编辑弹窗(Lightbox)中将任务类型从"Task"切换为"Project"时，弹窗会意外关闭，同时控制台会报错"Uncaught TypeError: Cannot read properties of null (reading 'nextSibling')"。

根本原因

经过深入分析，这个问题源于版本兼容性和授权限制：

版本差异：在 DHTMLX Gantt 7.1 和 8.0 的 GPL 版本中，任务类型切换功能可以正常工作，这是由于代码中存在一个未修复的缺陷。但在 9.0 版本中，这个缺陷被修复了。
授权限制：任务类型切换功能实际上是 DHTMLX Gantt Pro 版的专有功能，不应该在 Standard (GPL) 版本中可用。9.0 版本修复了这个授权验证问题，因此当使用 GPL 版本时，该功能会失效。

解决方案

方案一：升级到 Pro 版本

最直接的解决方案是使用 DHTMLX Gantt 的 Pro 版本，这是官方推荐的方式。Pro 版本不仅包含任务类型切换功能，还提供了更多高级特性。

方案二：自定义实现任务类型切换

如果必须使用 GPL 版本，可以通过自定义代码实现类似功能：

// 定义任务类型选项
var taskTypes = [
    { key: "task", label: "Task" },
    { key: "project", label: "Project" },
    { key: "milestone", label: "Milestone" }
];

// 配置任务编辑弹窗
gantt.config.lightbox.sections = [
    { name: "description", height: 70, map_to: "text", type: "textarea", focus: true },
    { name: "select", height: 60, type: "select", map_to: "type", options: taskTypes },
    // 其他配置项...
];

// 配置项目编辑弹窗
gantt.config.lightbox.project_sections = [
    { name: "description", height: 70, map_to: "text", type: "textarea", focus: true },
    { name: "select", height: 40, type: "select", map_to: "type", options: taskTypes },
    // 其他配置项...
];