项目管理工具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享有超十年声誉，支持跨浏览器和跨平台，性价比高，可满足项目管理控件应用的所有需求，是最完善的甘特图图表库。2022年终狂欢火热进行中，知名软控件产品享超低折扣，满额豪礼赠，复购双重大礼！了解更多内容，欢迎在线咨询或者私信我获取正版试用版及报价。

甘特图控件交流群：764148812    欢迎进群交流讨论

年终狂欢季，全场产品，限时特惠，立即了解详情！

标签：

来源：慧都