使用DHTMLGantt插件,gantt_task_progress_wrapper包含gantt_task_progress,如何区分用户双击的是 计划部分还是实际执行部分
时间: 2024-12-10 22:47:21 浏览: 17
gtt.rar_DELPHI 甘特图_delphi 甘特_gantt_甘特
5星 · 资源好评率100%
DHTMLGantt是一个JavaScript库用于创建Gantt图,它允许用户交互地操作任务的不同部分。`gantt_task_progress_wrapper`和`gantt_task_progress`是DHTMLGantt中的两个元素:
- `gantt_task_progress`代表任务的进度条,显示了从开始到结束的完成百分比,通常表示计划中的工作量。
- `gantt_task_progress_wrapper`是一个容器,包裹着进度条,提供了一个点击区域。
当用户双击`gantt_task_progress_wrapper`时,你可以通过监听其`dblclick`事件来判断用户的交互目标。你可以在事件处理函数中检查鼠标点击的位置是否落在进度条(`gantt_task_progress`)上,或者是包围它的其他区域。这通常涉及到获取点击位置相对于容器的偏移,并比较这个偏移与进度条的实际宽度。
例如,可以这样做:
```javascript
gantt_task_progress_wrapper.addEventListener('dblclick', function(event) {
var clickPosition = event.clientX - this.offsetLeft;
if (clickPosition > gantt_task_progress.offsetWidth) {
// 用户点击的是实际执行部分(通常在进度条右侧有额外信息)
} else {
// 用户点击的是计划部分
}
});
```
阅读全文