dhtmlx-gantt 隐藏列
时间: 2024-11-09 19:10:52 浏览: 11
DHTMLX Gantt 是一款强大的 JavaScript 库,用于创建高性能的甘特图。如果你想要隐藏 DHTMLX Gantt 中的某些列,你可以通过设置列配置对象来实现。首先,在初始化 Gantt 的时候,你需要定义列的数据结构,并针对需要隐藏的列设置 `visible` 属性为 `false`。
例如:
```javascript
// 初始化 Gantt
var gantt = new Gantt("gantt_here", {
columns: [
{id: "task_id", text: "任务ID", visible: false},
{id: "description", text: "描述"},
// 其他列...
]
});
```
在这个例子中,"任务ID" 列将会被隐藏。如果你想在运行时动态地隐藏或显示某列,可以获取到 Gantt 对象并调整该列的可见状态:
```javascript
gantt.getColumnById("task_id").visible = false; // 隐藏
gantt.getColumnById("task_id").visible = true; // 显示
```
相关问题
dhtmlx-gantt
dhtmlx-gantt是一个基于JavaScript的Gantt图库,它可以帮助开发人员在自己的Web应用程序中轻松地集成Gantt图。它提供了一组丰富的功能,如任务和子任务的管理、资源分配、任务依赖关系、时间线视图、缩放、导出等。同时,dhtmlx-gantt还提供了可定制的样式和主题,以满足不同用户的需求。使用dhtmlx-gantt,开发人员可以快速构建功能强大的Gantt图应用程序,提高项目管理的效率和可靠性。
dhtmlx-gantt配置
dhtmlxGantt是一款功能齐全的Gantt图表,可用于跨浏览器和跨平台应用程序,满足项目管理控件应用程序的需求。您可以通过更新start_date/end_date配置来重新计算比例范围,并且可以设置fit_tasks属性为true来强制重新渲染比例。
以下是一些示例代码来配置dhtmlxGantt:
1. 重新计算比例范围:
```javascript
gantt.attachEvent("onBeforeGanttRender", function(){
var range = gantt.getSubtaskDates();
var scaleUnit = gantt.getState().scale_unit;
if(range.start_date && range.end_date){
gantt.config.start_date = gantt.calculateEndDate(range.start_date, -4, scaleUnit);
gantt.config.end_date = gantt.calculateEndDate(range.end_date, 5, scaleUnit);
}
});
gantt.init("gantt_here");
```
2. 强制重新渲染比例:
```javascript
gantt.config.fit_tasks = true;
gantt.init("gantt_here");
```
3. 自定义比例:
```javascript
gantt.config.scales = [
{unit: "month", step: 1, format: "%F, %Y"},
{unit: "day", step: 1, format: "%j, %D"}
];
gantt.init("gantt_here");
```
阅读全文