Gantt - gantt.emplates of the ‘Quick Info‘ Extension (Touch Support) - “快速信息”扩展的模板（触摸支持）

最新推荐文章于 2024-11-05 15:26:40 发布

Ariel_提拉米苏

最新推荐文章于 2024-11-05 15:26:40 发布

阅读量764

点赞数

分类专栏： Gantt-DHX 文章标签： javascript 前端甘特图

本文链接：https://blog.csdn.net/Ariel_tilamisu/article/details/121946548

版权

Gantt-DHX 专栏收录该内容

18 篇文章 11 订阅

订阅专栏

这篇博客详细介绍了Gantt图表中'QuickInfo'扩展的使用，包括如何自定义弹出编辑表单的CSS类、内容、日期和标题。通过示例代码展示了如何根据任务的开始日期、结束日期和任务对象来定制这些模板，以增强用户交互体验和触控设备的支持。

摘要由CSDN通过智能技术生成

Templates of the 'Quick Info' Extension (Touch Support)

gantt.templates = {
	quick_info_class: '指定将应用于弹出编辑表单的 CSS 类',
	quick_info_content: '指定弹出编辑表单的内容',
	quick_info_date: '指定弹出编辑表单的日期',
	quick_info_title: '指定弹出编辑表单的标题'
}

用法：

quick_info_class: 指定将应用于弹出编辑表单的 CSS 类

quick_info_content: 指定弹出编辑表单的内容

quick_info_date: 指定弹出编辑表单的日期

quick_info_title: 指定弹出编辑表单的标题

/**

* @param start:Date 任务计划开始的日期

* @param end:Date 计划完成任务的日期

* @param task:object 任务对象

gantt.templates.quick_info_class = function (start, end, task) {
	return "quick_info_class";
};
gantt.templates.quick_info_content = function (start, end, task) {
	return "quick_info_content";
};
gantt.templates.quick_info_date = function (start, end, task) {
	return gantt.templates.task_time(start, end, task);
};
gantt.templates.quick_info_title = function (start, end, task) {
	return "quick_info_title";
};