三個參數：

onAfterSort?-??任務在網格中排序后觸發

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

field	string|function	網格排序所依據的列的名稱或自定義排序函數
desc	boolean	可選，排序方向：true?- 降序，false?- 升序
parent	string|number	可選，父任務的id，如果任務只在指定父任務的分支中排序

gantt.attachEvent("onAfterSort", function (field, direction, parent) {// do something });

---

?onAfterTaskDrag? -??在用戶完成拖動并釋放鼠標按鈕后觸發

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

id	string|number	任務標識
mode	string	拖放模式（“調整大小”、“進度”、“移動”、“忽略”）
e	Event	本機事件對象

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

---

?onAfterTaskMove?-??在任務移動到新位置后觸發

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

id	string|number	要移動的任務的 ID
parent	string|number	父 ID
tindex	number	任務將移動到的父分支中位置的索引

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

---

?onBeforeRowResizeEnd?-??在行高調整完成之前觸發

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

id	number|string	任務標識
item	object	任務對象
newHeight	number	行的新高度

gantt.attachEvent("onBeforeRowResizeEnd", function (id, item, newHeight) {// do something });

---

?onLightboxButton? -??當用戶點擊燈箱中的自定義按鈕時觸發

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

css	string	應用于按鈕的 CSS 類的名稱
node	HTMLElement	單擊按鈕的 HTML 元素
e	event	一個原生的“點擊”事件對象

gantt.attachEvent("onLightboxButton", function (css, node, e) {// do something });

---

?onRowResize?-??當用戶拖動行的邊框以調整行高時觸發（行調整大小）

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

id	string|number	任務標識
item	object	任務對象
currentHeight	number	當前行的高度

gantt.attachEvent("onRowResize", function (id, item, currentHeight) {// do something });

---

?onTaskMultiSelect?-?在任務選擇狀態改變后觸發（任務被選中/取消選中）-?任務多選

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

id	string|number	任務的id
state	boolean	如果任務已被選中，則為 true，如果未選中，則為 false
e	Event	本機事件對象

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

---

onAfterTaskDrag?-??在用戶完成拖動并釋放鼠標按鈕后觸發

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

id	string|number	任務標識
mode	string	拖放模式（“調整大小”、“進度”、“移動”、“忽略”）
e	Event	本機事件對象

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

---

?onAfterTaskMove?-??在任務移動到新位置后觸發

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

id	string|number	要移動的任務的 ID
parent	string|number	父 ID
tindex	number	任務將移動到的父分支中位置的索引

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

---

?onBeforeRowResizeEnd?-??在行高調整完成之前觸發

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

id	number|string	任務標識
item	object	任務對象
newHeight	number	行的新高度

gantt.attachEvent("onBeforeRowResizeEnd", function (id, item, newHeight) {// do something });

---

?onContextMenu?-??當用戶在甘特圖中單擊鼠標右鍵時觸發（查看詳細信息）

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

taskId	string	事件 ID
linkId	string	事件 ID
e	Event	本機事件對象

gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {// do something// return true 將阻止瀏覽器默認鼠標右擊行為 });

---

?onLightboxButton?-??當用戶點擊燈箱中的自定義按鈕時觸發

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

css	string	應用于按鈕的 CSS 類的名稱
node	HTMLElement	單擊按鈕的 HTML 元素
e	event	一個原生的“點擊”事件對象

gantt.attachEvent("onLightboxButton", function (css, node, e) {// do something });

---

?onRowResize?-??當用戶拖動行的邊框以調整行高時觸發

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

id	string|number	任務標識
item	object	任務對象
currentHeight	number	當前行的高度

gantt.attachEvent("onRowResize", function (id, item, currentHeight) {// do something });

---

?onTaskMultiSelect?-??在任務選擇狀態改變后觸發（任務被選中/取消選中）-?任務多選

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

id	string|number	任務的id
state	boolean	如果任務已被選中，則為 true，如果未選中，則為 false
e	Event	本機事件對象

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

---

四個參數：

onAfterRowResize?-??行高調整完成后觸發

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

id	string|number	任務標識
item	object	項目對象
oldHeight	number	行的舊高度
newHeight	number	行的新高度

gantt.attachEvent("onAfterRowResize", function (id, item, oldHeight, newHeight) {// do something });

---

?五個參數：

onTaskDrag?-??當用戶拖動任務時觸發

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

id	string|number	任務標識
mode	string	拖動模式（“調整大小”、“進度”、“移動”、“忽略”）
task	object	當前（拖動的）任務對象
original	object	原始（初始）任務對象
e	Event	本機事件對象

gantt.attachEvent("onTaskDrag", function (id, mode, task, original, e) {// do something });

---

attachEvent事件監聽https://mp.csdn.net/mp_blog/creation/editor/121919688

總結

以上是生活随笔為你收集整理的Gantt - attachEvent事件监听 - 多个参数事件(大于两个)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。