本文給大家講解DHTMLX Gantt如何添加單選按鈕，歡迎大家下載最新版試用體驗。

DHTMLX Gantt正版試用下載

一次只能選擇其中一個選項塊，如下圖所示：

1、初始化

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

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

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

2）為該部分設置標簽：

gantt.locale.labels.section_priority = "Priority";

2、屬性

以下屬性最重要并且通常為復選框控件設置：

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

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

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

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

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

label -（字符串）選項標簽

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

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

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

通常，要為單選按鈕控件設置值，請使用選項參數(shù)：

gantt.config.lightbox.sections = [      
    {name: "priority", map_to: "priority", type: "radio", options: [
        {key: 1, label: "High"},
        {key: 2, label: "Normal"},
        {key: 3, label: "Low"},
    ]}      
];

options參數(shù)中的項目有 2 個強制屬性：

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

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

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

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