Gantt - attachEvent事件监听 - 多个参数事件(大于两个)

三个参数:

onAfterSort -  任务在网格中排序后触发

void onAfterSort ( string|function field , [ boolean desc , string|number parent ] ){ ... };

fieldstring|function网格排序所依据的列的名称或自定义排序函数
descboolean可选,排序方向:true - 降序,false - 升序
parentstring|number可选,父任务的id,如果任务只在指定父任务的分支中排序
gantt.attachEvent("onAfterSort", function (field, direction, parent) {
  // do something
});

 onAfterTaskDrag  -  在用户完成拖动并释放鼠标按钮后触发

 void onAfterTaskDrag ( string|number id , string mode , Event e ){ ... };

idstring|number任务标识
modestring拖放模式(“调整大小”、“进度”、“移动”、“忽略”)
eEvent本机事件对象
gantt.attachEvent("onAfterTaskDrag", function (id, mode, e) {
  // do something
});

 onAfterTaskMove -  在任务移动到新位置后触发

void onAfterTaskMove ( string|number id , string|number parent , number tindex ){ ... };

idstring|number要移动的任务的 ID
parentstring|number父 ID
tindexnumber任务将移动到的父分支中位置的索引
gantt.attachEvent("onAfterTaskMove", function (id, parent, tindex) {
  // do something
});

 onBeforeRowResizeEnd -  在行高调整完成之前触发

void onBeforeRowResizeEnd ( number|string id , object item , number newHeight ){ ... };

idnumber|string任务标识
itemobject任务对象
newHeightnumber行的新高度
gantt.attachEvent("onBeforeRowResizeEnd", function (id, item, newHeight) {
  // do something
});

 onLightboxButton  -  当用户点击灯箱中的自定义按钮时触发

void onLightboxButton ( string css , HTMLElement node , event e ){ ... };

cssstring应用于按钮的 CSS 类的名称
nodeHTMLElement单击按钮的 HTML 元素
eevent一个原生的“点击”事件对象
gantt.attachEvent("onLightboxButton", function (css, node, e) {
  // do something
});

 onRowResize -  当用户拖动行的边框以调整行高时触发(行调整大小

void onRowResize ( string|number id , object item , number currentHeight ){ ... };

idstring|number任务标识
itemobject任务对象
currentHeightnumber当前行的高度
gantt.attachEvent("onRowResize", function (id, item, currentHeight) {
  // do something
});

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

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

idstring|number任务的id
stateboolean如果任务已被选中,则为 true,如果未选中,则为 false
eEvent本机事件对象
gantt.attachEvent("onTaskMultiSelect", function (id, state, e) {
  // do something
});

onAfterTaskDrag -  在用户完成拖动并释放鼠标按钮后触发

void onAfterTaskDrag ( string|number id , string mode , Event e ){ ... };

idstring|number任务标识
modestring拖放模式(“调整大小”、“进度”、“移动”、“忽略”)
eEvent本机事件对象
gantt.attachEvent("onAfterTaskDrag", function (id, mode, e) {
  // do something
});

 onAfterTaskMove -  在任务移动到新位置后触发

void onAfterTaskMove ( string|number id , string|number parent , number tindex ){ ... };

idstring|number要移动的任务的 ID
parentstring|number父 ID
tindexnumber任务将移动到的父分支中位置的索引
gantt.attachEvent("onAfterTaskMove", function (id, parent, tindex) {
  // do something
});

 onBeforeRowResizeEnd -  在行高调整完成之前触发

void onBeforeRowResizeEnd ( number|string id , object item , number newHeight ){ ... };

idnumber|string任务标识
itemobject任务对象
newHeightnumber行的新高度
gantt.attachEvent("onBeforeRowResizeEnd", function (id, item, newHeight) {
  // do something
});

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

void onContextMenu ( string taskId , string linkId , Event e ){ ... };

taskIdstring事件 ID
linkIdstring事件 ID
eEvent本机事件对象
gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
  // do something
  // return true 将阻止浏览器默认鼠标右击行为
});

 onLightboxButton -  当用户点击灯箱中的自定义按钮时触发

void onLightboxButton ( string css , HTMLElement node , event e ){ ... };

cssstring应用于按钮的 CSS 类的名称
nodeHTMLElement单击按钮的 HTML 元素
eevent一个原生的“点击”事件对象
gantt.attachEvent("onLightboxButton", function (css, node, e) {
  // do something
});

 onRowResize -  当用户拖动行的边框以调整行高时触发

void onRowResize ( string|number id , object item , number currentHeight ){ ... };

idstring|number任务标识
itemobject任务对象
currentHeightnumber当前行的高度
gantt.attachEvent("onRowResize", function (id, item, currentHeight) {
  // do something
});

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

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

idstring|number任务的id
stateboolean如果任务已被选中,则为 true,如果未选中,则为 false
eEvent本机事件对象
gantt.attachEvent("onTaskMultiSelect", function (id, state, e) {
  // do something
});

四个参数:

onAfterRowResize -  行高调整完成后触发

void onAfterRowResize ( string|number id , object item , number oldHeight , number newHeight ){ ... };

idstring|number任务标识
itemobject项目对象
oldHeightnumber行的旧高度
newHeightnumber行的新高度
gantt.attachEvent("onAfterRowResize", function (id, item, oldHeight, newHeight) {
  // do something
});

 五个参数:

onTaskDrag -  当用户拖动任务时触发

void onTaskDrag ( string|number id , string mode , object task , object original , Event e ){ ... };

idstring|number任务标识
modestring拖动模式(“调整大小”、“进度”、“移动”、“忽略”)
taskobject当前(拖动的)任务对象
originalobject原始(初始)任务对象
eEvent本机事件对象
gantt.attachEvent("onTaskDrag", function (id, mode, task, original, e) {
  // do something
});

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值