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

DHTMLX Gantt正版試用下載

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

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

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

2、檢查燈箱是否打開(kāi)

要檢查燈箱當(dāng)前是打開(kāi)還是關(guān)閉，請(qǐng)使用getState方法返回的狀態(tài)對(duì)象的燈箱屬性。如果燈箱打開(kāi) - 該方法將返回打開(kā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ù)屬性映射到燈箱部分，請(qǐng)使用部分對(duì)象的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)值，請(qǐng)使用該部分對(duì)象的default_value屬性。

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

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)值，即新事件只有在用戶(hù)打開(kāi)燈箱并保存事件后才會(huì)獲得指定值。

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

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

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

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

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