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

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

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

项目管理工具DHTMLX Gantt灯箱元素配置教程:文本区域控件设置_第1张图片

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折优惠,满额豪礼赠,复购双重大礼!了解更多内容,欢迎访问慧都网咨询。

你可能感兴趣的:(dhtmlx,xgantt,甘特图控件,项目管理工具)