Dhtmlx Gantt中lightbox如何自定义name值

如以下Dhtmlx源码所示

该文件位置:node_modules\dhtmlx-gantt\codebase\dhtmlxgantt.js

labels: {new_task: "新任務",icon_save: "保存",icon_cancel: "关闭",icon_details: "详细",icon_edit: "编辑",icon_delete: "删除",confirm_closing: "请确认是否撤销修改!",confirm_deleting: "是否删除日程?",section_description: "标题",section_time: "日期选择",section_type: "负责人",column_wbs: "工作分解结构",column_text: "任务名",column_start_date: "开始时间",column_duration: "持续时间",column_add: "",link: "关联",confirm_link_deleting: "将被删除",link_start: " (开始)",link_end: " (结束)",type_task: "任务",type_project: "项目",type_milestone: "里程碑",.....}

这是Dhtmlx gantt中对于linghtbox中name特定值的配置。结合源码可以发现,以下一串代码用于显示表单的表头文字。

 t._render_sections = function (t) {for (var e = "", n = 0; n < t.length; n++) {var i = this.form_blocks[t[n].type];if (i) {t[n].id = "area_" + this.uid();var r = t[n].hidden ? " style='display:none'" : "",a = "";t[n].button && (a = "<div class='gantt_custom_button' data-index='" + n + "'>                    ·<div class='gantt_custom_button_" + t[n].button + "'></div><div class='gantt_custom_button_label'>" + this.locale.labels["button_" + t[n].button] + "</div> </div>"), this.config.wide_form && (e += "<div class='gantt_wrap_section' " + r + ">"),e += "<div id='" + t[n].id + "' class='gantt_cal_lsection'><label>" + a + this.locale.labels["section_" + t[n].name] + "</label></div>" + i.render.call(this, t[n]), e += "</div>"console.log('this.locale.labels',this.locale.labels,t[n].name)}}return e}

代码结构可能比较乱，大致意思就是在此处生成的表单。

"<div id='" + t[n].id + "' class='gantt_cal_lsection'><label>" + a + this.locale.labels["section_" + t[n].name] + "</label></div>"

结合以上这句可发现这里调用的就是最上方的配置文件，再结合传入的name值，进行显示。

所以，我们只需要在上放的配置文件中给它添加一个属性值，让其可以拿到这个数据即可。

如下图所示.

这样设置后，name值即可正常显示

Dhtmlx Gantt中lightbox如何自定义name值相关推荐

甘特图教程：如何在DHTMLX Gantt中使用工作时间和日历
DHTMLX 甘特图中工作日历背后的关键概念首先,让我们考虑一下我们的甘特图组件如何处理日期和日历. 默认情况下,禁用work_time选项时,任务的持续时间取决于duration_unit参数和任 ...
关于springboot项目中两种自定义取值方案
优先级:如果在项目中同时配置了.yml和.properties文件,那么会优先加载.properties文件. 作用:在properties中以.进行分割,.yml中以":"进行分 ...
自动装配——@Autowired 构造器，参数，方法，属性都是从容器中获取参数组件的值||自定义组件想要使用Spring容器底层的一些组件 ApplicationContext，BeanFactory
@Autowired:构造器,参数,方法,属性:都是从容器中获取参数组件的值 * 1).[标注在方法位置]:@Bean+方法参数:参数从容器中获取;默认不写@Autowired效果是一样的:都能自动装 ...
有属性的自定义注解，如何获取到post请求中RequestBody中对象的一个属性值？
1,写两个自定义注解,一个作用于方法的,一个作用于字段的作用于方法的自定义注解代码: package com.youku.nintendo.annotation;import enums.Permi ...
drupal 7 启用签名设置 filtered html,php – 如何在Drupal 7中为节点设置自定义字段值？...
我正在尝试使用下一代码从外部脚本添加新节点: define('DRUPAL_ROOT', getcwd()); include_once './includes/bootstrap.inc'; dru ...
DHTMLX Gantt 甘特图使用
dhtmlxGantt 在vue中使用样例,实现了自定义弹窗.设置横道图颜色.修改列表样式.表单验证等. 效果: 官网样例:https://docs.dhtmlx.com/gantt/samples/ ...
项目管理工具DHTMLX Gantt灯箱元素配置教程：配置灯箱元素
本文给大家讲解DHTMLX Gantt如何对灯箱的元素进行配置. Lightbox 是一个编辑表单,用于更改任务的详细信息. 默认灯箱如下图所示. 灯箱可能会有所不同,具体取决于它们用于任务的类型和特 ...
DHTMLX Gantt：拥有高级资源计算逻辑，助力高效甘特图解决方案
dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表.可满足项目管理应用程序的所有需求,是最完善的甘特图图表库.它允许你创建动态甘特图,并以一个方便的图形化方式可视化项目进度 ...
如何选择DHTMLX Gantt与DHTMLX Scheduler？
对于-DHTMLX Gantt和DHTMLX Scheduler之间在功能和用例场景方面的主要区别,开发人员经常有很多疑问.在本文中,我们将阐明这些问题,以使编码人员可以更轻松地选择最合适的DHTML ...
甘特图控件DHTMLX Gantt教程：用PHP:Laravel实现Gantt（上）
DHTMLX Gantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表.可满足项目管理应用程序的大部分开发需求,具备完善的甘特图图表库,功能强大,价格便宜,提供丰富而灵活的JavaScrip ...

Dhtmlx Gantt中lightbox如何自定义name值

Dhtmlx Gantt中lightbox如何自定义name值相关推荐

最新文章

热门文章