'dhtmlx-gantt'拖动实现宽度

在dhtmlx-gantt中，可以通过拖动实现更改任务的宽度。以下是实现此功能的步骤：

1. 首先，确保你已经在项目中引入了dhtmlx-gantt库。

2. 在gantt初始化之前，设置任务项的resize属性为true，以允许任务的宽度调整。例如：

gantt.config.drag_resize = true;

3. 如果你想限制任务的最小和最大宽度，可以使用gantt.config.min_column_width和gantt.config.max_column_width配置项进行设置。例如：

gantt.config.min_column_width = 30;
gantt.config.max_column_width = 200;

4. 确保你的任务项包含一个可调整宽度的元素。你可以在任务模板中使用HTML元素来实现这一点。例如：

gantt.templates.task_text = function(start, end, task) {
  return "<div class='gantt_task_content' style='width: " + gantt.getTaskPosition(task.start_date, task.end_date) + "px;'>" + task.text + "</div>";
};

在上面的代码中，我们使用了一个名为"gantt_task_content"的CSS类来定义任务内容的样式，并通过设置元素的宽度来调整任务的宽度。

5. 最后，确保在任务被拖动或调整宽度时更新任务的宽度。你可以使用gantt.attachEvent方法来监听相关事件，并在事件处理程序中更新任务的宽度。例如：

gantt.attachEvent("onTaskDrag", function(id, mode, task, original) {
  // 更新任务宽度的代码
});

gantt.attachEvent("onAfterTaskResize", function(id, mode, task, original) {
  // 更新任务宽度的代码
});

在上面的代码中，你可以根据需要实现自定义的任务宽度更新逻辑。

通过以上步骤，你就可以在dhtmlx-gantt中实现拖动调整任务宽度的功能。希望对你有所帮助！如果有任何问题，请随时提问。