项目管理工具dhtmlxGantt甘特图入门教程(五):甘特图实例特点
本文重点介绍使用Gantt Instance的主要功能。
点击获DhtmlxGantt官方正式版
让我们考虑最常见的情况-构建具有多个页面/选项卡/视图的应用程序。
以下方法适用于基于 Angular(或基于 React)的应用程序,并且仅在dhtmlxGantt的商业版、企业版或旗舰版中可用(在 GPL 或个人版中不可用):
- 当您使用甘特图打开页面/选项卡/视图时,您需要创建一个新的甘特图实例;
- 当您切换到不同的页面/选项卡/视图时,您需要销毁甘特图实例。
自定义事件
当您使用甘特图加载页面时,您需要在添加事件之前手动将事件的ID保存到数组中:
const onTaskClick = gantt.attachEvent('onTaskClick', (id) => {gantt.message(`onTaskClick: Task ID: ${id}`);return true; }, ''); eventIDs.push(onTaskClick);
当您切换到另一个页面时,您需要使用已保存到数组的ID手动分离事件:
eventIDs.forEach(event => gantt.detachEvent(event)); eventIDs = [];
数据处理器
你需要手动销毁dataProcessor:
dp.destructor();
请注意,您只需要销毁数据处理器,而不是甘特图。否则,在重新加载页面之前,您将无法使用甘特图。
任务、链接、资源数据、标记、自定义热键
您可以使用clearAll()方法安全地从甘特图实例中删除这些数据。
甘特图配置
没有内置方法可以保存它或将甘特图配置重置为默认配置。 大多数甘特图配置都保存在gantt.config对象中。
CSS
如果您添加了自定义CSS,如果它导致问题,您需要手动删除它。
日历设置
您需要使用gantt.delete Calendar()方法手动删除它们。
其他案例
除了上述几点之外,您可能还需要实现一些其他选项,但目前暂未测试此方法的所有可能场景。
dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容,请锁定本套系列教程。
项目管理工具dhtmlxGantt甘特图入门教程(五):甘特图实例特点相关推荐
- Scrapy爬虫入门教程五 Selectors(选择器)
Scrapy爬虫入门教程一 安装和基本使用 Scrapy爬虫入门教程二 官方提供Demo Scrapy爬虫入门教程三 命令行工具介绍和示例 Scrapy爬虫入门教程四 Spider(爬虫) Scrap ...
- sql数据库教程百度云_绘画自学零基础入门教程|五天学会绘画pdf百度云下载!...
绘画自学零基础入门教程|五天学会绘画pdf百度云下载!画画是可以让人留存记忆的事情.我自己就很喜欢画画来记录生活中一些特别的日子.场景还有我的家人朋友们.有时候,比照片更有故事感和纪念意义-有空拿出来 ...
- walking机器人入门教程-视觉建图-rtabmap使用视觉建图和导航
系列文章目录 walking机器人入门教程-目录 walking机器人入门教程-硬件清单 walking机器人入门教程-软件清单 walking机器人入门教程-测试底盘 walking机器人入门教程- ...
- 最【通俗易懂】的 canvas 入门教程(多图预警)
最[通俗易懂]的 canvas 入门教程(多图预警) canvas画布的宽度与高度 canvas 标签只有两个常用的标签属性:width 和 height. 当没有设置宽度和高度的时候,canvas ...
- 【Blender】贴图入门教程
Blender贴图入门教程 打开Blender创建一个物体 给物体添加一个材质 点击场景上方的shading进入阴影编辑界面 添加一个图像纹理 从本地打开一张图片并将颜色连接基础色 如果需要编辑贴图即 ...
- R语言七天入门教程五:认识并使用函数
R语言七天入门教程五:认识并使用函数 一.什么是函数 在编程语言中,如果有一段代码需要在多次重复使用,除了复制粘贴外,还可以将其写成一个函数.函数可以很方便地实现代码复用,对于复杂的程序功能,可以将其 ...
- C4D快速入门教程——C4D贴图
C4D快速入门教程--C4D贴图 单面贴图 贴图基础(添加材质) 单面贴图 贴图调整 C4D版本R24 之前贴了一张比较low的图,没做调整,回去发现是在太难看,不想弄.今天重新整理了一下贴图,感觉顺 ...
- linux宝塔搭建网站,宝塔Linux面板搭建网站入门教程五(宝塔Linux面板安装WordPress博客程序)...
本文于 2021-04-01 00:04 更新,本文內容具有時效性,如有失效,請在博客站內搜相關商家名稱,即可查看到關於此商家的最新優惠活動! 國外商家建議使用"谷歌瀏覽器"訪問, ...
- java编程输出平行四边形_JAVA语言入门教程之打印图形实例——打印平行四边形...
本文主要向大家介绍了JAVA语言入门教程之打印图形实例--打印平行四边形,通过具体的内容向大家展示,希望对大家学习JAVA语言有所帮助. 输出平行四边形: public class Parallelo ...
- 外汇蜡烛图入门,基本蜡烛图形态
外汇蜡烛图入门,基本蜡烛图形态 什么是蜡烛图交易? 在我们的动画角色哥斯拉还是一只可爱的小蜥蜴时,日本人就已经创造了他们用来交易大米的古老版本技术分析方法.对,就是用来交易大米的方法. 一名叫做史蒂夫 ...
最新文章
- LeetCode-Sort List 链表排序
- Java多线程编程的常见陷阱
- GHOST光盘制作详细教程
- 上一页下一页_Excel打印时一页放不下,4招轻松搞定,省下的纸叫老板加工资
- python中斐波那契数列_斐波那契数列–在Python,JavaScript,C ++,Java和Swift中进行了解释...
- android java.lang.linkageerror_使用eclipse中的maven构建web应用出现 java.lang.LinkageError异常...
- php switch正则表达式,switch的用法以及正则表达式简单的用法
- 在vue项目中定义全局变量和全局函数
- stm32系统时钟配置,标准库v3.5
- 笔记 -凸函数 /KL距离
- 信息安全中最容易被忽略的软资产管理
- python逐行读取xls文件
- batch size设置技巧
- SnowNLP包情感分析
- 听打测试打字速度软件,易捷听打练习测速助手
- portknocking(端口试探) demo
- Centos7 安装VLC播放器
- 5v功放芯片哪个音质好
- 业务层战略制定的思路和方法_如何科学的制定企业战略目标?(附流程与方法解析)...
- 创维E900V21E/E900V22E_S905L3B/S905L2B通刷_支持5621DS无线_完美语音线刷固件