dhtmlxgantt gantt.showQuickInfo的使用方法

dhtmlxGantt是一个流行的JavaScript Gantt图库，用于创建可交互的甘特图。gantt.showQuickInfo()是一个方法，用于显示一个快速信息窗口，该窗口显示了与任务相关的信息。

使用方法如下：

1. 首先在HTML页面中引入dhtmlxGantt库的js和css文件。

<link rel="stylesheet" href="codebase/dhtmlxgantt.css">
<script src="codebase/dhtmlxgantt.js"></script>

2. 初始化gantt图表。

gantt.init("gantt_here");

3. 通过gantt.attachEvent()方法绑定事件。

gantt.attachEvent("onTaskDblClick", function(id, e){
  gantt.showQuickInfo(id); // 显示任务信息
});

在上面的代码中，我们使用了onTaskDblClick事件，该事件在用户双击任务时触发。当该事件被触发时，我们调用gantt.showQuickInfo()方法，将任务id作为参数传递给该方法。

4. 最后，我们需要为任务提供信息。可以通过gantt.templates.tooltip_text()方法来实现。

gantt.templates.tooltip_text = function(start, end, task){
  return "<b>"+task.text+"</b><br/>"+task.start_date+" - "+task.end_date;
}

在上面的代码中，我们使用了tooltip_text模板，该模板用于显示任务信息。在这个模板中，我们将任务的文本和开始和结束日期包含在一个HTML字符串中，并返回该字符串。

通过上述步骤，就可以使用gantt.showQuickInfo()方法在dhtmlxGantt中显示任务信息了。