Gantt的lightbox.sections保存
时间: 2023-07-16 09:14:43 浏览: 108
vue制作甘特图项目源码
5星 · 资源好评率100%
Gantt 的 `lightbox.sections` 属性用于定义在任务弹窗中显示的不同部分。该属性的值是一个数组,每个元素都是一个对象,用于定义一个部分。
以下是一个示例:
```javascript
gantt.config.lightbox.sections = [
{name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
{name: "time", type: "duration", map_to: "auto"}
];
```
上面的示例中,定义了两个部分,一个是任务描述部分,另一个是时间部分。其中,`name` 属性定义了部分的名称,`height` 属性定义了部分的高度,`map_to` 属性定义了将哪个数据字段映射到当前部分,`type` 属性定义了当前部分的类型,`focus` 属性定义了是否在打开弹窗时将焦点放在当前部分中。
如果你想要保存 `lightbox.sections` 属性的值,你可以使用 `gantt.config.lightbox.sections` 属性进行保存。例如,你可以在 `onLoad` 事件中将其保存到本地存储中:
```javascript
gantt.attachEvent("onLoad", function(){
var sections = gantt.config.lightbox.sections;
localStorage.setItem("gantt_sections", JSON.stringify(sections));
});
```
在下一次加载 Gantt 图表时,你可以从本地存储中获取 `lightbox.sections` 属性的值,并将其设置为 `gantt.config.lightbox.sections` 的值:
```javascript
gantt.attachEvent("onLoad", function(){
var sections = localStorage.getItem("gantt_sections");
if (sections){
gantt.config.lightbox.sections = JSON.parse(sections);
}
});
```
阅读全文