dhtmx gantt任务不能换行拖拽怎么解决
时间: 2023-08-04 19:16:24 浏览: 72
dhtmlx Gantt 是一个功能强大的 JavaScript Gantt 图表库,用于创建交互式的 Gantt 图表应用程序。要解决任务名称不能换行的问题,可以考虑以下两种方法:
1. 使用 CSS 实现任务名称的换行
可以在任务名称中添加 `<br>` 标签来实现任务名称的换行,例如:
```javascript
gantt.templates.task_text = function(start, end, task) {
return task.text.replace(/\n/g, "<br>");
};
```
这段代码将任务名称中的所有换行符替换成 `<br>` 标签,从而实现任务名称的换行。
2. 修改 dhtmlx Gantt 源代码
如果您希望任务名称可以自动换行,可以修改 dhtmlx Gantt 源代码,具体步骤如下:
- 找到 `dhtmlxgantt.js` 文件中的 `GanttGridCell.prototype.setValue` 方法
- 在该方法中找到如下代码:
```javascript
this.$content.innerHTML = value || "";
```
- 将其替换为如下代码:
```javascript
this.$content.innerHTML = value ? value.replace(/\n/g, "<br>") : "";
```
这段代码将任务名称中的所有换行符替换成 `<br>` 标签,从而实现任务名称的自动换行。
至于任务不能拖拽的问题,可能是由于代码中未正确设置任务的拖拽属性或者有其他代码干扰了任务的拖拽功能。建议您仔细检查代码中的相关设置,并找出可能干扰拖拽功能的代码。