vue dhtmlxgantt 的gantt.showQuickInfo
时间: 2023-08-31 14:10:47 浏览: 140
基于Vue.js和Node.js音乐 播放器的设计与实现
dhtmlxGantt 是一个基于 JavaScript 的 Gantt 图表库,而 vue-dhtmlxgantt 是在 Vue.js 中使用 dhtmlxGantt 的插件。
gantt.showQuickInfo 是 dhtmlxGantt 中的一个方法,用于显示任务条目的快速信息框。该方法接受一个参数,即任务条目对象,用于指定要显示快速信息框的任务条目。
在 vue-dhtmlxgantt 中,可以通过在组件的 mounted 生命周期函数中调用 gantt.showQuickInfo 方法,来实现在 Gantt 图表中显示任务条目的快速信息框。具体示例如下:
```javascript
mounted() {
gantt.showQuickInfo = (id) => {
const task = gantt.getTask(id);
this.showQuickInfo(task);
};
},
methods: {
showQuickInfo(task) {
// 在此处实现显示快速信息框的逻辑
}
}
```
其中,mounted 生命周期函数中的 gantt.showQuickInfo 方法会被覆盖,以实现在 vue-dhtmlxgantt 中的使用。在 showQuickInfo 方法中,可以实现具体的快速信息框的显示逻辑。
阅读全文