三個(gè)參數(shù)：

onAfterSort?-??任務(wù)在網(wǎng)格中排序后觸發(fā)

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

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

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

---

?onAfterTaskDrag? -??在用戶完成拖動(dòng)并釋放鼠標(biāo)按鈕后觸發(fā)

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

id	string|number	任務(wù)標(biāo)識(shí)
mode	string	拖放模式（“調(diào)整大小”、“進(jìn)度”、“移動(dòng)”、“忽略”）
e	Event	本機(jī)事件對(duì)象

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

---

?onAfterTaskMove?-??在任務(wù)移動(dòng)到新位置后觸發(fā)

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

id	string|number	要移動(dòng)的任務(wù)的 ID
parent	string|number	父 ID
tindex	number	任務(wù)將移動(dòng)到的父分支中位置的索引

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

---

?onBeforeRowResizeEnd?-??在行高調(diào)整完成之前觸發(fā)

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

id	number|string	任務(wù)標(biāo)識(shí)
item	object	任務(wù)對(duì)象
newHeight	number	行的新高度

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

---

?onLightboxButton? -??當(dāng)用戶點(diǎn)擊燈箱中的自定義按鈕時(shí)觸發(fā)

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

css	string	應(yīng)用于按鈕的 CSS 類的名稱
node	HTMLElement	單擊按鈕的 HTML 元素
e	event	一個(gè)原生的“點(diǎn)擊”事件對(duì)象

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

---

?onRowResize?-??當(dāng)用戶拖動(dòng)行的邊框以調(diào)整行高時(shí)觸發(fā)（行調(diào)整大小）

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

id	string|number	任務(wù)標(biāo)識(shí)
item	object	任務(wù)對(duì)象
currentHeight	number	當(dāng)前行的高度

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

---

?onTaskMultiSelect?-?在任務(wù)選擇狀態(tài)改變后觸發(fā)（任務(wù)被選中/取消選中）-?任務(wù)多選

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

id	string|number	任務(wù)的id
state	boolean	如果任務(wù)已被選中，則為 true，如果未選中，則為 false
e	Event	本機(jī)事件對(duì)象

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

---

onAfterTaskDrag?-??在用戶完成拖動(dòng)并釋放鼠標(biāo)按鈕后觸發(fā)

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

id	string|number	任務(wù)標(biāo)識(shí)
mode	string	拖放模式（“調(diào)整大小”、“進(jìn)度”、“移動(dòng)”、“忽略”）
e	Event	本機(jī)事件對(duì)象

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

---

?onAfterTaskMove?-??在任務(wù)移動(dòng)到新位置后觸發(fā)

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

id	string|number	要移動(dòng)的任務(wù)的 ID
parent	string|number	父 ID
tindex	number	任務(wù)將移動(dòng)到的父分支中位置的索引

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

---

?onBeforeRowResizeEnd?-??在行高調(diào)整完成之前觸發(fā)

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

id	number|string	任務(wù)標(biāo)識(shí)
item	object	任務(wù)對(duì)象
newHeight	number	行的新高度

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

---

?onContextMenu?-??當(dāng)用戶在甘特圖中單擊鼠標(biāo)右鍵時(shí)觸發(fā)（查看詳細(xì)信息）

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

taskId	string	事件 ID
linkId	string	事件 ID
e	Event	本機(jī)事件對(duì)象

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

---

?onLightboxButton?-??當(dāng)用戶點(diǎn)擊燈箱中的自定義按鈕時(shí)觸發(fā)

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

css	string	應(yīng)用于按鈕的 CSS 類的名稱
node	HTMLElement	單擊按鈕的 HTML 元素
e	event	一個(gè)原生的“點(diǎn)擊”事件對(duì)象

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

---

?onRowResize?-??當(dāng)用戶拖動(dòng)行的邊框以調(diào)整行高時(shí)觸發(fā)

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

id	string|number	任務(wù)標(biāo)識(shí)
item	object	任務(wù)對(duì)象
currentHeight	number	當(dāng)前行的高度

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

---

?onTaskMultiSelect?-??在任務(wù)選擇狀態(tài)改變后觸發(fā)（任務(wù)被選中/取消選中）-?任務(wù)多選

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

id	string|number	任務(wù)的id
state	boolean	如果任務(wù)已被選中，則為 true，如果未選中，則為 false
e	Event	本機(jī)事件對(duì)象

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

---

四個(gè)參數(shù)：

onAfterRowResize?-??行高調(diào)整完成后觸發(fā)

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

id	string|number	任務(wù)標(biāo)識(shí)
item	object	項(xiàng)目對(duì)象
oldHeight	number	行的舊高度
newHeight	number	行的新高度

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

---

?五個(gè)參數(shù)：

onTaskDrag?-??當(dāng)用戶拖動(dòng)任務(wù)時(shí)觸發(fā)

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

id	string|number	任務(wù)標(biāo)識(shí)
mode	string	拖動(dòng)模式（“調(diào)整大小”、“進(jìn)度”、“移動(dòng)”、“忽略”）
task	object	當(dāng)前（拖動(dòng)的）任務(wù)對(duì)象
original	object	原始（初始）任務(wù)對(duì)象
e	Event	本機(jī)事件對(duì)象

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

---

attachEvent事件監(jiān)聽https://mp.csdn.net/mp_blog/creation/editor/121919688

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。