Gantt的lightbox.sections保存按钮
时间: 2023-07-16 12:14:49 浏览: 147
Gantt 的 `lightbox.sections` 是用于配置任务编辑弹窗中的不同部分,比如任务名称、起止时间、进度等。而保存按钮则是在编辑完成后保存任务信息的按钮。
保存按钮可以通过以下方式进行配置:
1. 在 `lightbox.sections` 中添加一个新的对象,例如:
```
gantt.config.lightbox.sections = [
{name: "description", height: 38, map_to: "text", type: "textarea", focus: true},
{name: "time", height: 72, type: "duration", map_to: "auto"},
{name: "save", height: 30, type: "button", map_to: "save", text: "Save"}
];
```
2. 在 `gantt.locale.labels` 中添加保存按钮的文本,例如:
```
gantt.locale.labels.section_save = "Save";
```
这样就可以在任务编辑弹窗中添加保存按钮并设置按钮文本。当用户点击保存按钮时,Gantt 会触发 `onLightboxButtonSave` 事件,你可以在此事件中处理保存逻辑。
相关问题
Gantt的lightbox.sections保存
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);
}
});
```
Gantt的lightbox.sections
在Gantt图中,lightbox.sections是指在点击Gantt图中的任务后弹出的详细信息窗口中的不同部分。这些部分可以包括任务名称、开始和结束日期、任务持续时间、任务进度、负责人、任务描述等等。lightbox.sections可以根据需要进行自定义,以显示与特定项目或业务流程相关的信息。例如,如果您正在管理一个软件开发项目,您可能希望在详细信息窗口中包含与代码库和版本控制系统相关的信息。通过自定义lightbox.sections,您可以轻松地将此类信息添加到详细信息窗口中,以便您的团队成员和其他利益相关者可以快速了解项目的状态和进展情况。
阅读全文