gantt.templates.tooltip_text = function(start,end,task){
return "<b>Task:</b> "+task.text+"<br/><b>Duration:</b> " + task.duration;
};
这段代码是用来自定义 gantt 的工具提示文本内容的。当鼠标悬浮在任务条上时,会显示该任务的工具提示文本。
如果你的代码没有生效,可能是因为你没有正确地配置 gantt。请确保你已经正确引入了 gantt 的相关资源,并且在适当的时候初始化了 gantt。另外,请确保你的代码被正确地放置在 gantt 初始化代码的后面。
以下是一个示例,可以帮助你理解如何正确地配置 gantt 并使用 gantt.templates.tooltip_text 方法:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>gantt demo</title>
<script src="https://cdn.jsdelivr.net/npm/dhtmlx-gantt/codebase/dhtmlxgantt.js"></script>
<link href="https://cdn.jsdelivr.net/npm/dhtmlx-gantt/codebase/dhtmlxgantt.css" rel="stylesheet">
</head>
<body>
<div id="gantt_here" style="width:1000px;height:500px;"></div>
<script>
gantt.config.xml_date = "%Y-%m-%d %H:%i";
gantt.templates.tooltip_text = function(start, end, task) {
return "<b>Task:</b> " + task.text + "<br/><b>Duration:</b> " + task.duration;
};
gantt.init("gantt_here");
gantt.parse([
{id:1, text:"Project #1", start_date:"2023-03-26 00:00", duration:3},
{id:2, text:"Task #1", start_date:"2023-03-26 00:00", duration:1, parent:1},
{id:3, text:"Task #2", start_date:"2023-03-27 00:00", duration:2, parent:1}
]);
</script>
</body>
</html>