Gantt - attachEvent事件监听 - (必须)拥有返回值事件

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

无参数：

 onBeforeCollapse -  在甘特图退出全屏模式并返回正常模式之前

boolean onBeforeCollapse (){ ... };

boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消进一步处理。

gantt.attachEvent("onBeforeCollapse", function () {
  // do something
  return true;
});

 onBeforeExpand -  在甘特图扩展到全屏之前触发

boolean onBeforeExpand (){ ... };

boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消进一步处理。

gantt.attachEvent("onBeforeExpand", function () {
  // do something
  return true;
});

 一个参数： 

onAjaxError - 当用户单击网格区域中的任务行（包括“展开/折叠”和“添加任务”按钮）或时间线区域中的任务栏时触发

boolean onAjaxError ( object request ){ ... };

requestobjectXML HTTP 请求对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将停止进一步处理 AJAX 请求

gantt.attachEvent("onAjaxError", function (request) {
  // do something
  return true;
});

 onBeforeLightbox -  在用户打开灯箱之前立即触发（编辑表单）

boolean onBeforeLightbox ( string|number id ){ ... };

idstring|number任务标识
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消默认处理（打开灯箱）。

gantt.attachEvent("onBeforeLightbox", function (id) {
  // do something
  return true;
});

 onBeforeMultiSelect -  在选择一个任务或一系列任务之前触发（在多选前）

void onBeforeMultiSelect ( Event e ){ ... };

eEvent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消多选任务。

gantt.attachEvent("onBeforeMultiSelect", function (e) {
  // do something
  return true;
});

 onBeforeRedo -  在调用 redo() 方法之前触发（在重做之前）

boolean onBeforeRedo ( array action ){ ... };

actionarray作为命令对象数组的用户操作
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消进一步处理。

gantt.attachEvent("onBeforeRedo", function (action) {
  // do something
  return true;
});

 onBeforeRedoStack -  在将操作添加到重做堆栈之前触发

boolean onBeforeRedoStack ( array action ){ ... };

actionarray作为命令对象数组的用户操作
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消进一步处理。

gantt.attachEvent("onBeforeRedoStack", function (action) {
  // do something
  return true;
});

 onBeforeRowResize -  在用户开始通过拖放调整行高之前触发

boolean onBeforeRowResize ( object item ){ ... };

itemobject任务对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将阻止调整行高。

gantt.attachEvent("onBeforeRowResize", function (item) {
  // do action
  return true;
});

 onBeforeTaskSelected -  在用户选择任务之前触发

boolean onBeforeTaskSelected ( string|number id ){ ... };

idstring|number任务标识
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false取消默认处理。

gantt.attachEvent("onBeforeTaskSelected", function (id) {
  // do something
  return true;
});

 onBeforeUndo -  在调用 undo() 方法之前触发（撤销前）

boolean onBeforeUndo ( array action ){ ... };

actionarray命令对象数组
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false取消默认处理。

gantt.attachEvent("onBeforeUndo", function (action) {
  // do something
  return true;
});

 onBeforeUndoStack -  在将操作添加到撤消堆栈之前触发

boolean onBeforeUndoStack ( array action ){ ... };

actionarray作为命令对象数组的用户操作
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false取消默认处理。

gantt.attachEvent("onBeforeUndoStack", function (action) {
  // do something
  return true;
});

 onError -  当assert接收到“false”值时触发，即当断言失败时

boolean onError ( string errorMessage ){ ... };

errorMessagestring来自assert方法的错误字符串
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将阻止默认行为（在右上角的红色框中显示错误消息）。

gantt.attachEvent("onError", function (errorMessage) {
  // do something
  return true;
});

 onLightboxDelete -  当用户点击灯箱中的“删除”按钮时触发

boolean onLightboxDelete ( string|number id ){ ... };

idstring|number任务 ID（在灯箱中打开的任务）
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消“删除”操作并保持灯箱打开。

gantt.attachEvent("onLightboxDelete", function (id) {
  // do something
  return true;
});

 onLinkCreated - 当用户在任务之间创建新链接时触发

boolean onLinkCreated ( object link ){ ... };

linkobject新链接的对象
boolean返回 `false` 将取消新链接的创建，返回 `true` 将继续默认处理

该事件在显示新链接之前触发，这允许您取消链接的创建。

gantt.attachEvent("onLinkCreated", function (link) {
  // do something
  return true;
});

 onLinkValidation -  当用户添加新链接并且 dhtmlxGantt 检查链接是否有效时触发

boolean onLinkValidation ( object link ){ ... };

linkobject链接对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

当用户通过鼠标拖放在任务之间创建新链接时会触发该事件。

如果事件处理程序返回false，则目标任务的轮次处理程序将显示为红色，并且不会添加链接。返回true 将以橙色突出显示圆形处理程序并允许创建链接。

gantt.attachEvent("onLinkValidation", function (link) {
  // do something
  return true;
});

 onMultiSelect - 在选择一个任务或一系列任务完成后触发（多选）

void onMultiSelect ( Event e ){ ... };

eEvent本机事件对象

这个事件是在multiselect扩展中定义的，所以需要激活multiselect插件。

允许一次在甘特图中选择多个任务。

gantt.plugins({ multiselect: true });
gantt.attachEvent("onMultiSelect", function (e) {
  // do something
  return true;
});

 onTaskCreated -  当用户通过按下网格中的“+”按钮创建新任务时触发，或调用createTask方法时触发

boolean onTaskCreated ( object task ){ ... };

taskobject新任务的对象
boolean返回 `false` 将取消新任务的创建，返回 `true` 将继续默认处理

该事件在显示新任务之前触发，这允许您设置默认值或取消任务的创建。

gantt.attachEvent("onTaskCreated", function (task) {
  // do something
  return true;
});

 onTaskLoading - 从数据源加载任务时触发

boolean onTaskLoading ( object task ){ ... };

taskobject任务的对象
boolean定义事件的默认动作是被触发（true）还是取消（false）
  • 该事件是可阻止的。返回false，任务不会加载到甘特图中。
gantt.attachEvent("onTaskLoading", function (task) {
  // do something
  return true;
});

 两个参数：

onBeforeLinkAdd -  在将新链接添加到甘特图之前触发

boolean onBeforeLinkAdd ( string|number id , object link ){ ... };

idstring|number链接 ID
linkobject链接对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消添加链接。

gantt.attachEvent("onBeforeLinkAdd", function (id, link) {
  // do something
  return true;
});

 onBeforeLinkDelete -  在用户删除链接之前触发

boolean onBeforeLinkDelete ( string|number id , object item ){ ... };

idstring|number链接 ID
itemobject链接对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false取消删除链接。

gantt.attachEvent("onBeforeLinkDelete", function (id, item) {
  // do something
  return true;
});

 onBeforeLinkDisplay -  在链接加载到甘特图之后但在它们显示之前触发

boolean onBeforeLinkDisplay ( string|number id , object link ){ ... };

idstring|number链接 ID
linkobject链接对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将阻止显示链接。

gantt.attachEvent("onBeforeLinkDisplay", function (id, link) {
  // do something
  return true;
});

  onBeforeLinkUpdate -  在链接更新之前触发

boolean onBeforeLinkUpdate ( string|number id , object new_item ){ ... };

idstring|number链接 ID
new_itemobject链接的新（更新）对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消链接的更新。

gantt.attachEvent("onBeforeLinkUpdate", function (id, new_item) {
  // do something
  return true;
});

 onBeforeTaskAdd -  在将新任务添加到甘特图之前触发

boolean onBeforeTaskAdd ( string|number id , object item ){ ... };

idstring|number任务标识
itemobject任务对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false取消添加任务。

gantt.attachEvent("onBeforeTaskAdd", function (id, item) {
  // do something
  return true;
});

 onBeforeTaskDelete -  在用户删除任务之前触发

boolean onBeforeTaskDelete ( string|number id , object item ){ ... };

idstring|number任务标识
itemobject任务对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false取消删除任务。

gantt.attachEvent("onBeforeTaskDelete", function (id, item) {
  // do something
  return true;
});

 onBeforeTaskDisplay -  在任务加载到甘特图之后但在它们显示之前触发

boolean onBeforeTaskDisplay ( string|number id , object task ){ ... };

idstring|number任务标识
taskobject任务对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将阻止显示任务。

gantt.attachEvent("onBeforeTaskDisplay", function (id, task) {
  // do something
  return true;
});

 onGridHeaderClick -  当用户点击网格的标题时触发

boolean onGridHeaderClick ( string name , Event e ){ ... };

namestring用户单击标题的列的名称属性
eEvent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消默认处理程序（在“加号”按钮单击或对列进行排序上添加新任务）。

gantt.attachEvent("onGridHeaderClick", function (name, e) {
  // do something
  return true;
});

 onLinkDblClick -  当用户双击链接时触发

boolean onLinkDblClick ( string id , [ Event e ] ){ ... };

idstring单击的链接的 id
eEvent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消默认处理程序（删除链接）。

gantt.attachEvent("onLinkDblClick", function (id, e) {
  // do something
  return true;
});

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

boolean onTaskClick ( string id , [ Event e ] ){ ... };

idstring单击的任务的 id
eEvent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消默认处理程序（选择任务）。

gantt.attachEvent("onTaskClick", function (id, e) {
  // do something
  return true;
});

 onTaskDblClick -  当用户双击任务时触发

boolean onTaskDblClick ( string id , [ Event e ] ){ ... };

idstring双击任务的id
eEvent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消默认处理程序（打开任务详细信息）。

gantt.attachEvent("onTaskDblClick", function (id, e) {
  // do something
  return true;
});

 三个参数：

onBeforeRowDragEnd -  当用户在网格中放置一行时触发

boolean onBeforeRowDragEnd ( string|number sid , string|number parent , number tindex ){ ... };

sidstring|number要移动的任务的 ID
parentstring|number父 ID。如果指定，tindex将引用“父”分支中的索引
tindexnumber任务移动位置的索引（整个树中的索引）
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将任务移动到其原始位置。

gantt.attachEvent("onBeforeRowDragEnd", function (sid, parent, tindex) {
  // do something
  return true;
});

 onBeforeRowDragMove -  在任务被拖到不同位置之前触发

boolean onBeforeRowDragMove ( string|number id , string|number parent , number tindex ){ ... };

idstring|number要移动的任务的 ID
parentstring|number父 ID
tindexnumber任务将移动到的父分支中位置的索引
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消行的移动。

gantt.attachEvent("onBeforeRowDragMove", function (id, parent, tindex) {
  // do something
  return true;
});

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

boolean onBeforeTaskChanged ( string|number id , string mode , object task ){ ... };

idstring|number任务标识
modestring拖放模式（“调整大小”、“进度”、“移动”、“忽略”）
taskobject任务对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消拖动操作。

gantt.attachEvent("onBeforeTaskChanged", function (id, mode, task) {
  // do something
  return true;
});

 onBeforeTaskDrag -  在用户按下鼠标按钮并开始拖动后触发，但在 dhtmlxGantt 开始拖放操作之前

boolean onBeforeTaskDrag ( string|number id , string mode , Event e ){ ... };

idstring|number任务标识
modestring拖放模式（“调整大小”、“进度”、“移动”、“忽略”）
eEvent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false任务将返回到初始位置。

gantt.attachEvent("onBeforeTaskDrag", function (id, mode, e) {
  // do something
  return true;
});

 onBeforeTaskMove -  在任务移动到新位置之前触发

boolean onBeforeTaskMove ( string|number id , string|number parent , number tindex ){ ... };

idstring|number要移动的任务的 ID
parentstring|number父 ID
tindexnumber任务将移动到的父分支中位置的索引
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消任务的移动。

gantt.attachEvent("onBeforeTaskMove", function (id, parent, tindex) {
  // do something
  return true;
});

 onBeforeTaskMultiSelect -  在更改任务选择状态之前触发（正在选择或取消选择任务）

void onBeforeTaskMultiSelect ( string|number id , boolean state , Event e ){ ... };

idstring|number任务的id
stateboolean如果任务将被选中，则为 true，如果未选中，则为 false
eEvent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false将取消任务选择状态的改变。

gantt.attachEvent("onBeforeTaskMultiSelect", function (id, state, e) {
  // do something
  return true;
});

 onLightboxSave - 当用户点击灯箱中的“保存”按钮时触发

boolean onLightboxSave ( string|number id , object task , boolean is_new ){ ... };

idstring|number未修改任务的 id。请注意，在此阶段，灯箱值尚未应用于任务对象，您可以使用 gantt.getTask(id) 访问初始任务
taskobject修改后的任务对象
is_newboolean指定用户是打开灯箱来创建新任务 ( true )还是更新现有任务( false )
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消“保存”操作并保持灯箱打开。

gantt.attachEvent("onLightboxSave", function (id, task, is_new) {
  // do something
  return true;
});

 onRowDragStart - 在用户拖动一行网格之前触发

boolean onRowDragStart ( string|number id , HTMLElement target , event e ){ ... };

idstring|number用户在网格中拖动的任务的 id
targetHTMLElement用户拖动的任务的 HTML 元素
eevent本机事件对象
boolean定义事件的默认动作是被触发（true）还是取消（false）

该事件是可阻止的。返回false以取消拖动。

gantt.attachEvent("onRowDragStart", function (id, target, e) {
  // do something
  return true;
});

Gantt - attachEvent事件监听https://mp.csdn.net/mp_blog/creation/editor/121919688

Ariel_提拉米苏
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
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:...
Gantt - attachEvent所有事件(归类、索引)
Ariel_tilamisu的博客
12-31 2045
Gantt - attachEvent所有事件(归类、索引)
Gantt - attachEvent事件监听 - 一个参数事件
Ariel_tilamisu的博客
12-24 665
Gantt - attachEvent事件监听 - 一个参数事件
Gantt - attachEvent事件监听 - 无参数事件
Ariel_tilamisu的博客
12-23 870
Gantt - attachEvent事件监听 - 无参数事件
Gantt - attachEvent事件监听
Ariel_tilamisu的博客
12-14 438
Gantt - attachEvent事件监听
Gantt - attachEvent事件监听 - 多个参数事件(大于两个)
Ariel_tilamisu的博客
12-24 691
Gantt - attachEvent事件监听 - 多个参数事件(大于两个)
Gantt - attachEvent事件监听 - 两个参数事件
Ariel_tilamisu的博客
12-23 906
Gantt - attachEvent事件监听 - 两个参数事件
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，请看。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 192
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
React Suspense与Concurrent Mode：异步渲染的未来
最新发布
天涯学馆
05-20 639
React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 231
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 755
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
setImmediate不能在浏览器中执行
Keep trying, keep going
05-14 163
的延迟时间设置为 0，但实际的延迟可能会因浏览器的最小延迟时间限制而稍有不同。函数实现类似的效果。函数不是浏览器的标准 API，而。
Vue3详细讲解
贫僧法号依平
05-15 852
Vue 3 介绍为什么要学习 vue 3Vue3 动机 和 新特性Vite 的使用vite介绍为什么选 Vite？Vite 的基本使用Vue3.0项目介绍vscode插件说明组合式API体验 composition APIsetup 函数reactive 函数ref 函数script setup语法(★)案例：显示鼠标案例计算属性computed函数侦听器watch函数钩子函数的使用组件通讯-父传子组件通讯-子传父依赖注入 - provide 和 inject模板中 ref 的使用vue3中废弃了过滤器。
echarts的柱状图使用
qq_45331969的博客
05-15 187
【代码】echarts的柱状图使用。
vue3专栏项目 -- 五、权限管理（下）
m0_64931189的博客
05-15 818
我们这一系列做的就是，我们刚开始做了message组件，我们可以直接在某个组件中通过即可调用这个message组件，从而展示出这个提示信息框但是我们觉得它可以像以前用过的alert一样，直接通过一个函数调用就可以展示出这个组件，所以有了如下一步步改进：
gantt-vxe-table使用方法
04-26
5. 事件处理：gantt-vxe-table提供了一些事件，可以让你在用户与甘特图交互时进行相应的处理。你可以监听这些事件，并在回调函数中编写相应的逻辑。 6. 其他功能：除了基本的展示功能，gantt-vxe-table还提供了一些...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值