彩票走势图

项目管理工具DHTMLX Gantt灯箱元素配置教程:如何使用灯箱元素(上)

翻译|使用教程|编辑:秦林|2022-11-15 11:15:55.133|阅读 282 次

概述:本文给大家讲解在使用DHTMLX Gantt时,如何使用灯箱元素,欢迎大家下载最新版试用体验。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:


本文给大家讲解在使用DHTMLX Gantt时,如何使用灯箱元素,欢迎大家下载最新版试用体验。

DHTMLX Gantt正版试用下载

1、获取/设置控制值

要获取/设置灯箱控件的值,请使用getLightboxSection方法,如下所示:

//to get the value
var value = gantt.getLightboxSection('description').getValue();
 
//to set the value
gantt.getLightboxSection('description').setValue('abc');
2、检查灯箱是否打开

要检查灯箱当前是打开还是关闭,请使用getState方法返回的状态对象的灯箱属性。如果灯箱打开 - 该方法将返回打开的任务的 ID,否则为“null”或“undefined”

if (gantt.getState().lightbox){
    //the code for the opened lighbox
} else {
    //the code for the closed lighbox
}
3、将数据属性映射到灯箱

要将数据属性映射到灯箱部分,请使用部分对象的map_to属性:

//assigns the "holders" section to a data property with the name "holder" 
gantt.config.lightbox.sections = [
    {name:"description",height:38, type:"textarea", map_to:"text", focus:true},
    {name:"holders",    height:22, type:"textarea", map_to:"holder"},                                                                      
    {name:"time",       height:72, type:"duration", map_to:"auto"}
];
4、设置灯箱控件的默认值

要设置灯箱部分的默认值,请使用该部分对象的default_value属性。

例如,您已将自定义部分添加到灯箱 - “优先级” - 显示任务优先级。当用户创建新事件时,该字段将为空。要更正此类行为并默认设置,例如低优先级,请按以下方式指定灯箱:

var opts = [
    { key:1, label: "High" },                                            
    { key:2, label: "Normal" },                                         
    { key:3, label: "Low" }                                            
];
 
gantt.config.lightbox.sections = [
    {name:"description", height:38, type:"textarea", map_to:"text", focus:true},
    {name:"priority",    height:22, type:"select",   map_to:"priority",    
    options:opts, default_value:3},                                                                      
    {name:"time",        height:72, type:"duration", map_to:"auto"}
];

注:default_value属性设置灯箱部分的默认值,而不是新事件的默认值,即新事件只有在用户打开灯箱并保存事件后才会获得指定值。

要直接为新事件设置默认值,请使用onTaskCreated事件:

gantt.attachEvent("onTaskCreated", function(id, task){
    task.priority = "Low";
    return true;
});

DHTMLX Gantt享有超十年声誉,支持跨浏览器和跨平台,性价比高,可满足项目管理控件应用的所有需求,是最完善的甘特图图表库。慧都2022年终狂欢火热进行中,知名软控件产品享超低折扣,满额豪礼赠,复购双重大礼!了解更多内容,欢迎在线咨询或者私信我获取正版试用版及报价。


甘特图控件交流群:764148812    欢迎进群交流讨论

慧都年终狂欢季,全场产品,限时特惠,立即了解详情!


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP