项目管理工具DHTMLX Gantt灯箱元素配置教程：文本区域控件设置

最新推荐文章于 2024-05-11 15:56:02 发布

原创最新推荐文章于 2024-05-11 15:56:02 发布 · 853 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dhtmlx #xgantt #甘特图控件 #项目管理工具

项目管理工具dhtmlxGantt中文教程内容专栏收录该内容

47 篇文章

订阅专栏

本文详细介绍了如何在DHTMLX Gantt中配置文本区域控件，包括初始化步骤和重要属性设置，如name、height、map_to和type等。DHTMLX Gantt是一款跨浏览器和平台的项目管理工具，具有高性价比和全面的功能。

本文给大家讲解DHTMLX Gantt如何对文本区域控件进行设置。

多行文本字段如下图所示：

1、初始化

默认情况下，一个textarea控件会添加到灯箱中。要添加另一个，请按照以下步骤操作：

1）在灯箱配置中添加一个部分：

gantt.config.lightbox.sections = [
    {name:"description", height:38, map_to:"desc", type:"textarea",focus:true},
    {name:"details",     height:38, map_to:"text", type:"textarea"}, 
    {name:"time",        height:72, map_to:"auto", type:"duration"}
];

2）为部分设置标签：

gantt.locale.labels.section_details = "Details";

2、属性

以下属性最重要且通常为textarea控件设置

name - (字符串) 部分名称
高度- （数字）截面高度
map_to - ( string ) 将被映射到该部分的数据属性的名称
type - ( string )部分控件的类型
focus - ( boolean ) 如果设置为true，该部分将专注于打开灯箱
default_value - ( any ) 该部分控件的默认值。仅在输入值不足时应用。不适用于map_to:"text"

DHTMLX Gantt享有超十年声誉，支持跨浏览器和跨平台，性价比高，可满足项目管理控件应用的所有需求，是最完善的甘特图图表库。慧都2022年终狂欢火热进行中，知名软控件产品享超低折扣，DHTMLX全系产品享8.8折优惠，满额豪礼赠，复购双重大礼！了解更多内容，欢迎访问慧都网咨询。