本文給大家講解在使用DHTMLX Gantt時，如何使用燈箱元素，歡迎大家下載最新版試用體驗。

DHTMLX Gantt正版試用下載

1、獲取/設(shè)置控制值

要獲取/設(shè)置燈箱控件的值，請使用getLightboxSection方法，如下所示：

//to get the value
var value = gantt.getLightboxSection('description').getValue();
 
//to set the value
gantt.getLightboxSection('description').setValue('abc');

2、檢查燈箱是否打開

要檢查燈箱當(dāng)前是打開還是關(guān)閉，請使用getState方法返回的狀態(tài)對象的燈箱屬性。如果燈箱打開 - 該方法將返回打開的任務(wù)的 ID，否則為“null”或“undefined”

if (gantt.getState().lightbox){
    //the code for the opened lighbox
} else {
    //the code for the closed lighbox
}

3、將數(shù)據(jù)屬性映射到燈箱

要將數(shù)據(jù)屬性映射到燈箱部分，請使用部分對象的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、設(shè)置燈箱控件的默認(rèn)值

要設(shè)置燈箱部分的默認(rèn)值，請使用該部分對象的default_value屬性。

例如，您已將自定義部分添加到燈箱 - “優(yōu)先級” - 顯示任務(wù)優(yōu)先級。當(dāng)用戶創(chuàng)建新事件時，該字段將為空。要更正此類行為并默認(rèn)設(shè)置，例如低優(yōu)先級，請按以下方式指定燈箱：

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屬性設(shè)置燈箱部分的默認(rèn)值，而不是新事件的默認(rèn)值，即新事件只有在用戶打開燈箱并保存事件后才會獲得指定值。

要直接為新事件設(shè)置默認(rèn)值，請使用onTaskCreated事件：

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

DHTMLX Gantt享有超十年聲譽(yù)，支持跨瀏覽器和跨平臺，性價比高，可滿足項目管理控件應(yīng)用的所有需求，是最完善的甘特圖圖表庫?；鄱?022年終狂歡火熱進(jìn)行中，知名軟控件產(chǎn)品享超低折扣，滿額豪禮贈，復(fù)購雙重大禮！了解更多內(nèi)容，歡迎在線咨詢或者私信我獲取正版試用版及報價。

甘特圖控件交流群：764148812    歡迎進(jìn)群交流討論

慧都年終狂歡季，全場產(chǎn)品，限時特惠，立即了解詳情！