dhtmlxGantt动态控制显示左侧或右侧部分
时间: 2024-05-08 19:16:28 浏览: 93
要动态控制显示dhtmlxGantt左侧或右侧部分,您可以使用以下方法:
1.使用CSS样式控制左侧和右侧部分的宽度和位置。您可以使用以下CSS样式:
```css
.gantt_container {
position: relative;
height: 500px;
}
.gantt_task {
position: absolute;
left: 200px; /*左侧部分宽度*/
right: 0px; /*右侧部分宽度*/
top: 0px;
bottom: 0px;
}
```
2.使用JavaScript代码动态更改左侧和右侧部分的宽度和位置。您可以使用以下JavaScript代码:
```javascript
var ganttContainer = document.querySelector(".gantt_container");
var ganttTask = document.querySelector(".gantt_task");
//设置左侧部分宽度
ganttTask.style.left = "200px";
//设置右侧部分宽度
ganttTask.style.right = "0px";
```
3.使用dhtmlxGantt API控制左侧和右侧部分的宽度和位置。您可以使用以下API:
```javascript
//设置左侧部分宽度
gantt.config.grid_width = 200;
//设置右侧部分宽度
gantt.config.details_on_right = true;
```
这些方法都可以用来动态控制dhtmlxGantt左侧或右侧部分的显示。选择哪种方法取决于您的具体需求和使用场景。
阅读全文