本文給大家講解DHTMLX Gantt如何設置復選框控件，歡迎大家下載最新版試用體驗。

DHTMLX Gantt正版試用下載

下圖是一個雙態復選框。該控件用于打開/關閉一個選項或多個值。

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、初始化

要將復選框控件添加到燈箱，請按照下列步驟操作：

1）在燈箱配置中添加一個部分：

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）為該部分設置標簽：

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

2、屬性

以下屬性最重要并且通常為復選框控件設置（請在此處查看完整列表）：

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

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

type -（字符串）節控件的類型

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

key - ( string ) 選項 id。此屬性與任務數據屬性進行比較，以將選項分配給任務

label -（字符串）選項標簽

focus -（布爾值）如果設置為true，該部分將聚焦于打開燈箱

default_value - ( any ) 部分控件的默認值。僅在輸入值未定義時應用

3、用數據填充控件

通常，要為復選框控件設置值，請使用選項參數：

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

options參數中的項目有 2 個強制屬性：

• key - 選項 id
• label - 選項標簽

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

甘特圖控件交流群：764148812    歡迎進群交流討論

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