Gantt - attachEvent所有事件(归类、索引)

最新推荐文章于 2023-07-05 10:29:25 发布
最新推荐文章于 2023-07-05 10:29:25 发布
阅读量2k 收藏 6
点赞数 1
分类专栏： Gantt-DHX 文章标签： javascript 前端 甘特图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ariel_tilamisu/article/details/122252571
版权

attachEvent事件监听:

attachEvent事件监听icon-default.png?t=LBL2https://mp.csdn.net/mp_blog/creation/editor/121919688

无参数事件:

无参数事件icon-default.png?t=LBL2https://mp.csdn.net/mp_blog/creation/editor/122109224

 onAfterBatchUpdate: - 批量更新后 

onAfterLightbox: - 关闭灯箱后

onBeforeBatchUpdate: - 调用batchUpdate方法之前(批量更新前)

onBeforeDataRender: - 页面上呈现数据之前

onBeforeGanttReady: - 初始化开始之前

onBeforeGanttRender: - 页面上呈现甘特图之前

onBeforeParse: - 开始解析数据之前

onClear: - 从甘特图中删除所有任务后

onCollapse: - 从全屏模式返回正常模式时

onDataProcessorReady: - dp.init(gantt)通话时触发(数据处理器就绪)

onDataRender: - 页面上呈现数据后(数据渲染)

onDestroy: - 在调用destructor()方法清除甘特图后(销毁)

onExpand: - 扩展到全屏时

onGanttLayoutReady: - 布局准备好之后但在呈现之前

onGanttReady: - dhtmlxGantt 初始化完成但甘特图尚未在页面上呈现时

onGanttRender: - 页面上呈现甘特图后

onLoadEnd: - 从数据源加载数据完成后

onLoadStart: - 开始从数据源加载数据前

onOptionsLoad: - 从服务器加载一组选项后触发，但尚未解析

onParse: - 在解析数据之后触发(可用于 API)但在甘特图中呈现之前

onScaleAdjusted: - 当重新渲染比例以完全显示所有任务时

onTemplatesReady: - dhtmlxGantt 模板初始化时

 一个参数事件:

一个参数事件icon-default.png?t=LBL2https://mp.csdn.net/mp_blog/creation/editor/122112295 

onAfterQuickInfo: - 弹出编辑表单关闭后

onAfterRedo: - 在调用 redo() 方法后(重做)

onAfterUndo: - 在调用 undo() 方法后(撤消后)

onBeforeMultiSelect: - 选择一个任务或一系列任务之前

onEmptyClick: - 点击甘特图中的空白区域时触发(不是在任务上)

onLightbox: - 打开灯箱后触发(编辑表单)

onLightboxCancel: - 点击灯箱中的“取消”按钮时触发

onMultiSelect: - 选择一个任务或一系列任务完成后触发(多选)

onQuickInfo: - 弹出的编辑表单出现时

onScaleClick: - 在时间尺度上点击单元格时

onTaskClosed: - 分支关闭时(任务关闭)

onTaskOpened: - 分支被打开时(任务打开)

onTaskSelected: - 选择任务时

onTaskUnselected: - 通过选择其他任务取消选择任务时触发(任务未选中)

两个参数事件:

两个参数事件icon-default.png?t=LBL2https://mp.csdn.net/mp_blog/creation/editor/122109579

onAfterLinkAdd: - 链接添加后

onAfterLinkDelete: - 链接删除后

onAfterLinkUpdate: - 链接更新后

onAfterTaskAdd: - 任务添加后

onAfterTaskDelete: - 任务删除后

onAfterTaskUpdate: - 任务更新后

onBeforeTaskUpdate: - 任务更新前

onGanttScroll: - 甘特图滚动到特定点时

onLightboxChange: - 灯箱的结构改变时

onLinkClick: - 点击链接时

onLinkIdChange: - 链接的 id 改变时

onMouseMove: - 鼠标移动到甘特图容器上时

onRowDragEnd: - 在网格中放置一行后

onTaskIdChange: - 任务的 id 改变时

onTaskRowClick: - 点击表格中的一行时

多个参数事件(大于两个):

多个参数事件(大于两个)icon-default.png?t=LBL2https://mp.csdn.net/mp_blog/creation/editor/122120569

onAfterSort: - 任务在网格中排序后

onAfterRowResize: - 行高调整完成后触发

onAfterTaskDrag: - 拖动并释放鼠标按钮后

onAfterTaskMove: - 任务移动后

onBeforeTaskMultiSelect: - 更改任务选择状态之前触发(正在选择或取消选择任务)

onContextMenu: - 在甘特图中单击鼠标右键时触发(查看详细信息)

onLightboxButton: - 点击灯箱中的自定义按钮时

onRowResize: - 拖动行的边框以调整行高时

onTaskDrag: - 拖动任务时

onTaskMultiSelect: - 在任务选择状态改变后触发(任务被选中/取消选中)

(必须)拥有返回值事件:

(必须)拥有返回值事件icon-default.png?t=LBL2https://mp.csdn.net/mp_blog/creation/editor/122109976

onAjaxError: - 服务器返回错误

onBeforeCollapse: - 退出全屏模式并返回正常模式之前

onBeforeExpand: - 甘特图扩展到全屏之前

onBeforeLightbox: - 打开灯箱之前立即触发(编辑表单)

onBeforeLinkAdd: - 链接添加前

onBeforeLinkDelete: - 链接删除前

onBeforeLinkDisplay: - 链接显示前

onBeforeLinkUpdate: - 链接更新前

onBeforeRedo: - 调用 redo() 方法之前触发(重做之前)

onBeforeRedoStack: - 操作添加到重做堆栈之前(重做堆栈之前)

onBeforeRowDragEnd: - 在网格中放置一行时

onBeforeRowDragMove: - 任务被拖到不同位置之前

onBeforeRowResize: - 开始通过拖放调整行高之前

onBeforeRowResizeEnd: - 行高调整完成之前

onBeforeTaskAdd: - 新任务添加到甘特图之前

onBeforeTaskChanged: - 完成拖动并释放鼠标按钮之后但在应用更改之前

onBeforeTaskDelete: - 任务删除前

onBeforeTaskDisplay: - 任务显示前

onBeforeTaskDrag: - 任务拖动前

onBeforeTaskMove: - 任务移动前

onBeforeTaskSelected: - 任务选择前

onBeforeUndo: - 调用 undo() 方法之前触发(撤销前)

onBeforeUndoStack: - 将操作添加到撤消堆栈之前触发(取消堆栈前)

onError: - 当assert接收到“false”值时触发(出错时)

onGridHeaderClick: - 点击网格的标题时

onLightboxDelete: - 点击灯箱中的“删除”按钮时

onLightboxSave: - 点击灯箱中的“保存”按钮时

onLinkCreated: - 在任务之间创建新链接时

onLinkDblClick: - 双击链接时

onLinkValidation: - 添加新链接并且 dhtmlxGantt 检查链接是否有效时

onRowDragStart: - 拖动一行网格前

onTaskClick: - 单击网格区域中的任务行(包括“展开/折叠”和“添加任务”按钮)或时间线区域中的任务栏时触发

onTaskCreated: - 按下网格中的“+”按钮创建新任务时触发，或调用createTask()方法时触发(任务创建)

onTaskDblClick: - 双击任务时

onTaskLoading: - 从数据源加载任务时

PRO版本(收费版)可用:

PRO版本(收费版)可用icon-default.png?t=LBL2https://mp.csdn.net/mp_blog/creation/editor/122126297

onAfterAutoSchedule: - 自动调度后 

onAfterBranchLoading: - 任务分支加载到页面后(需在启用动态加载时)

onAfterTaskAutoSchedule: - 为每个已自动调度的任务触发

onAutoScheduleCircularLink: - 在自动调度期间发现某些依赖循环

onBeforeAutoSchedule: - 自动调度之前

onBeforeBranchLoading: - 展开任务分支之后但在加载开始之前(需在启用动态加载时)

onBeforeTaskAutoSchedule: - 为每个重新安排的任务触发

onCircularLinkError: - 当检测到循环引用并且无法自动调度时

onColumnResize: - 拖动列的边框来调整列的大小时

onColumnResizeEnd: - 完成拖动列的边框以调整列大小后

onColumnResizeStart: - 开始拖动列的边框以调整列大小前

onGridResize: - 拖动网格的边框来调整网格大小时

onGridResizeEnd: - 完成拖动网格的边框以调整网格大小后

onGridResizeStart: - 开始拖动网格的边框以调整网格大小之前

Ariel_提拉米苏
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue框架甘特图控件（dhtmlxGantt）
Sun的专栏
12-16 1513
官网Git及实例文档。
Gantt - attachEvent事件监听 - 无参数事件
Ariel_tilamisu的博客
12-23 883
Gantt - attachEvent事件监听 - 无参数事件
【MarkDown】CSDN Markdown之甘特图gantt详解
少莫千华
06-17 3575
甘特图（Gantt chart）又称为横道图、条状图（Bar chart），通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特（Henry Laurence Gantt）先生的名字命名。– 百度百科甘特图将每个计划的任务记录为一个连续的条形图，从左到右延伸。X轴代表时间，Y轴记录不同的任务及其完成顺序。通过不同长度和颜色的条形图，可以清晰地展示每个任务的开始时间、结束时间、持续时间和完成情况。
dhtmlx甘特图--vue2
weixin_44364294的博客
09-14 5516
基于vue2的dhtmlx甘特图
【vue库应用】 - 甘特图 dhtmlx-gantt
star_3344的博客
07-05 3688
甘特图是一种项目管理工具，以直观的方式显示项目的时间轴和任务计划。 dhtmlx-gantt库是一个用于创建交互式和可自定义甘特图的js库。本文对该库进行简单应用，包括安装、引用、初始化及配置
Gantt图和PERT图的相关知识
Santiago
04-25 3625
而活动HK不在关键路径上，且事件H的前序路径有A-E-G-H，和A-C-G-H两条，所消耗的时间分别为10和9，因此活动HK的最早开始时间为10，但本题明确告知A从第1天开始，则活动HK最早开始时间为11。注意一点是C最早开始为2，C->F所消耗的时间为2，则A-C-F的最早开始时间为3，但是事件F的前序不仅有事件C还有事件D，那么事件F的最早开始时间还需考虑D-F路径，而D-F路径消耗时间为4，那么事件F的最早开始时间应为4。IJ最早开始时间：A-B-C-E-F-I和A-B-D-G-I，时间为15；
Vue-Gantt-chart:使用Vue做数据控制的Gantt图表
08-05
vue-gantt-chart 基于 Vue 实现的 gantt-like 图表 ,用于排班展示 Catalog template code script code data Slot block 容器块slot 有 两种 需要注意 :star: customGenerateBlocks 为 false（默认值） 的情况 :star:...
react-gantt-demos:https
03-18
React Gantt演示 在线演示： ： 演示代码： : 最小项目： : 入门 npm run start在开发模式下运行应用程序。 打开在浏览器中查看它。 支持的功能 与DHTMLX Gantt共同 添加/编辑/删除任务和链接 任务，项目和里程碑 ...
vue-gantt-schedule-timeline-calendar-example:Vue Gantt时间表时间轴日历用法示例
05-11
Vue 用法示例 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
react-gantt-schedule-timeline-calendar:React Gantt ScheduleTimeline Calendar组件包装，用于Gantt-schedule-timeline-calendar [react gantt，gantt，react甘特图，react Schedule，React时间线，React日历，gantt，日程表，Scheduler，时间线，日历，React gantt图表]
03-10
该React包装器组件现在已被放弃，因为它不需要与gstc一起使用。 要在react环境中使用gantt-schedule-timeline-calendar，请看。
angular-gantt-schedule-timeline-calendar:gantt-schedule-timeline-calendar的角度版本[角度甘特图，甘特图，角度甘特图，角度时间表，角度时间线，角度日历，甘特图，时间表，计划程序，时间轴，日历]
03-10
现在不再使用该角度包装器组件，因为它不需要与gstc一起使用。 要在角度环境中使用gantt-schedule-timeline-calendar，请看。
dhtmlx Gantt知识点1
weixin_33975951的博客
04-13 561
鼠标放在任务上显示信息框： <script src="../../codebase/ext/dhtmlxgantt_tooltip.js?v=5.2.0"></script> //添加竖线： <script src="../../codebase/ext/dhtmlxgantt_marker.js?v=5.2.0"></script> ...
【dhtmlxGant(甘特图)】常用功能
德仔
11-10 4928
本文将介绍如何使用使用 dhtmlxGantt 在页面中创建基本的甘特图，并且能够将数据保存/更新至数据库(例如服务器上的数据库)。本文中最终的代码可以作为创建甘特图应用的基础样例代码。
JavaScript当中事件监听与On事件重复出现时
WebGIS，一步一步踏实走出来
12-15 1895
我们分为三种，第一中是事件多次被监听，第二种是On事件多次被赋值，第三种就是两者被交叉出现。 我们先看第一个就是事件多次被监听。 function addHandler(element, type, handler){ if (element.addEventListene
Gantt - config配置信息
Ariel_tilamisu的博客
12-14 3965
Gantt - config配置信息
8、Gantt 拖拽操作部分 drag
beauty_600的博客
05-09 1670
激活“分支”模式，允许在同一树级别内垂直重新排序任务。 https://docs.dhtmlx.com/gantt/api__gantt_order_branch_config.html 此选项允许重新排序任务，同时保存它们的树级别位置。例如，子任务永远不会成为父任务。 gantt.config.order_branch = true; 如果您的甘特图包含大量任务，则分支重新排序的默认模式可能会降低性能。为了加快速度，您可以使用“标记”模式。 gantt.config.order_branch = ".
DHTMLX-GANTT（甘特图配置）
热门推荐
GY기안시
08-13 2万+
官方文档 autofit 表格列宽自适应 类型 可选值 默认值 boolean true/false false demo: gantt.config.autofit = false; gantt.init("gantt_here"); autoscroll 把任务或者连线拖拽到浏览器屏幕外时，自动触发滚动效果，相当于拖动滚...
dhtml gantt所有配置_Dhtmlx-Gantt基本用法
weixin_30417063的博客
01-13 3528
以vue使用为例下载Dhtmlx-Ganttnpm install dhtmlx-gantt --save初始化Dhtmlx-Ganttmounted: function () {gantt.init(this.$refs.gantt)gantt.parse(this.data.tasks)}其中tasks数据格式为{data:[{id:1,text:'Task#1',start_date:'15...
强大js web甘特图制作之监听事件和数据操作
weixin_30296405的博客
04-28 226
监听处理甘特图事件 当我们创建并显示一个甘特图组件后，我们需要进行操作，比如，拖拽调节开始日期、完成日期，调节完成百分比等。 Edo.lists.Gantt其实只有一个操作事件"itemdragcomplete"，根据此事件对象action属性的不同，可以区分为是开始日期、完成百分比操作等类型。 如下代码所示： //监听gantt的拖拽操作事件gantt.on('itemdragcompl...
gantt-elastic配置
最新发布
09-14
要配置gantt-elastic，您需要按照以下步骤进行操作： 1. 首先，您需要安装gantt-elastic和gantt-elastic-header依赖包。通过运行以下命令来安装它们： ``` npm install --save gantt-elastic npm install --save gantt-elastic-header ``` 这将自动将这些依赖项添加到您的项目中。 2. 如果您的项目中还没有安装dayjs依赖项，您还需要安装它。在官方示例中，dayjs用于日期处理。通过运行以下命令来安装dayjs： ``` npm install dayjs --save ``` 这将确保您的项目可以正常运行官方示例中的日期相关功能。 3. 如果您的项目中已安装了less-loader，您可能会遇到报错。这是由于gantt-elastic使用了less样式文件。您可以尝试解决此问题，例如升级less-loader版本或修改相应的配置文件。 4. 安装完成后，您可以开始配置和使用gantt-elastic。具体的配置和使用方法可以参考官方文档或示例代码。官方文档将提供有关配置选项、API和示例的详细信息。 总结起来，要配置gantt-elastic，您需要安装gantt-elastic和gantt-elastic-header依赖项，以及可能需要安装dayjs依赖项。同时，您还可以根据需要解决与less-loader相关的问题。然后，您可以根据官方文档或示例代码进行配置和使用。希望这些信息对您有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值