本文給大家講解DHTMLX Gantt如何設(shè)置復(fù)選框控件，歡迎大家下載最新版試用體驗(yàn)。

DHTMLX Gantt正版試用下載

下圖是一個(gè)雙態(tài)復(fù)選框。該控件用于打開(kāi)/關(guān)閉一個(gè)選項(xiàng)或多個(gè)值。

gantt.config.lightbox.project_sections = [
    {name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
    {name: "split", type:"checkbox", map_to: "render", options:[    
        {key:"split", label:"Split Task"}                                                  
    ]},                                                             
    {name: "time", type: "duration", readonly: true, map_to: "auto"}
];

1、初始化

要將復(fù)選框控件添加到燈箱，請(qǐng)按照下列步驟操作：

1）在燈箱配置中添加一個(gè)部分：

var opts = [
    {key:"split", label:"Split Task"}                                       
];
 
gantt.config.lightbox.sections = [
    {name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
    {name: "split", type:"checkbox", map_to: "render", options:opts},           
    {name: "time", type: "duration", readonly: true, map_to: "auto"}
];

2）為該部分設(shè)置標(biāo)簽：

gantt.locale.labels.section_split = "Display";

2、屬性

以下屬性最重要并且通常為復(fù)選框控件設(shè)置（請(qǐng)?jiān)诖颂幉榭赐暾斜恚?

名稱- （字符串）部分名稱

map_to -（字符串）將映射到該部分的數(shù)據(jù)屬性的名稱

type -（字符串）節(jié)控件的類型

options - ( array ) 對(duì)象數(shù)組。定義控件的選擇選項(xiàng)（用于選擇、復(fù)選框 和單選控件）。數(shù)組中的每個(gè)對(duì)象都指定一個(gè)選項(xiàng)并具有以下屬性：

key - ( string ) 選項(xiàng) id。此屬性與任務(wù)數(shù)據(jù)屬性進(jìn)行比較，以將選項(xiàng)分配給任務(wù)

label -（字符串）選項(xiàng)標(biāo)簽

focus -（布爾值）如果設(shè)置為true，該部分將聚焦于打開(kāi)燈箱

default_value - ( any ) 部分控件的默認(rèn)值。僅在輸入值未定義時(shí)應(yīng)用

3、用數(shù)據(jù)填充控件

通常，要為復(fù)選框控件設(shè)置值，請(qǐng)使用選項(xiàng)參數(shù)：

gantt.config.lightbox.sections = [
    {name: "split", type:"checkbox", map_to: "render", options:[
        {key:"split", label:"Split Task"}
    ]}                                                                
];

options參數(shù)中的項(xiàng)目有 2 個(gè)強(qiáng)制屬性：

• key - 選項(xiàng) id
• label - 選項(xiàng)標(biāo)簽

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

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

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