dhtmlxgantt 的查询功能怎么使用
时间: 2023-11-02 09:28:56 浏览: 139
dhtmlxGantt是一个基于JavaScript的Gantt图库,它可以用来创建和管理项目进度表。dhtmlxGantt提供了多种方法来查询和操作您的Gantt图数据。
您可以使用以下方法来查询您的数据:
1. `gantt.getTask(id)`:获取给定id的任务。
2. `gantt.getChildren(id)`:获取给定id的任务的子任务。
3. `gantt.getParent(id)`:获取给定id的任务的父任务。
4. `gantt.getTaskByTime(start_date, end_date)`:获取指定时间范围内的所有任务。
5. `gantt.getTaskByIndex(index)`:获取指定索引位置的任务。
您还可以使用过滤器来筛选您的数据:
1. `gantt.filter(task => task.text.indexOf("关键词") >= 0)`:筛选出包含特定关键词的任务。
2. `gantt.filter(task => task.start_date < new Date())`:筛选出开始时间早于当前时间的任务。
以上是一些基本的查询和过滤器方法,您可以根据您的具体需求进行调整和使用。
相关问题
dhtmlxgantt pro可以使用在商业吗
DHTMLX Gantt Pro是一个功能强大的JavaScript项目管理工具,它允许开发者创建交互式的甘特图,用于任务分配、进度追踪和团队协作。这款组件适用于商业环境,因为它提供了丰富的特性,如:
1. **企业级功能**:支持权限管理、任务拖拽、资源分配、定制工作表和报告,适合复杂的项目管理需求。
2. **自定义能力**:用户可以根据品牌样式调整外观,轻松集成到各种商业应用中。
3. **API和插件**:有强大的API以及社区支持的插件,方便扩展和定制功能。
4. **跨平台兼容**:可以在Web浏览器(包括桌面版和移动设备)上运行,并且支持响应式设计。
5. **商业支持**:官方提供技术支持和商业许可选项,确保在大规模生产环境中稳定性和服务保障。
然而,在使用DHTMLX Gantt Pro进行商业项目时,需要考虑版权问题、许可证费用和适应组织的特定法规。
dhtmlxgantt gantt.showQuickInfo的使用方法
dhtmlxGantt是一个流行的JavaScript Gantt图库,用于创建可交互的甘特图。gantt.showQuickInfo()是一个方法,用于显示一个快速信息窗口,该窗口显示了与任务相关的信息。
使用方法如下:
1. 首先在HTML页面中引入dhtmlxGantt库的js和css文件。
```html
<link rel="stylesheet" href="codebase/dhtmlxgantt.css">
<script src="codebase/dhtmlxgantt.js"></script>
```
2. 初始化gantt图表。
```javascript
gantt.init("gantt_here");
```
3. 通过gantt.attachEvent()方法绑定事件。
```javascript
gantt.attachEvent("onTaskDblClick", function(id, e){
gantt.showQuickInfo(id); // 显示任务信息
});
```
在上面的代码中,我们使用了onTaskDblClick事件,该事件在用户双击任务时触发。当该事件被触发时,我们调用gantt.showQuickInfo()方法,将任务id作为参数传递给该方法。
4. 最后,我们需要为任务提供信息。可以通过gantt.templates.tooltip_text()方法来实现。
```javascript
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中显示任务信息了。
阅读全文
相关推荐
![docx](https://img-home.csdnimg.cn/images/20241231044901.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![doc](https://img-home.csdnimg.cn/images/20241231044833.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)