#329 v2.7.1

Author: mariohmol

Documentation.md

@@ -505,6 +505,7 @@ g.setOptions({
     planstart: console.log,
     planend: console.log,
     cost: console.log,
+    additional_category: console.log, // for additional fields
     beforeDraw: ()=>console.log('before draw listener'),
     afterDraw: ()=>console.log('before after listener')
   },

dist/jsgantt.js

@@ -939,9 +939,10 @@ exports.draw_header = function (column, i, vTmpRow, vTaskList, vEditable, vEvent
             var css = header.class ? header.class : "gadditional-" + key;
             var data = vTaskList[i].getDataObject();
             vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, "gadditional " + css);
+            vTmpDiv = draw_utils_1.newNode(vTmpCell, 'div', null, null, data ? data[key] : '');
+            events_1.addListenerClickCell(vTmpCell, vEvents, vTaskList[i], "additional_" + key);
             // const callback = (task, e) => task.setCost(e.target.value);
             // addListenerInputCell(vTmpCell, vEventsChange, callback, vTaskList, i, 'costdate');
-            vTmpDiv = draw_utils_1.newNode(vTmpCell, 'div', null, null, data ? data[key] : '');
         }
     }
     if ('vShowAddEntries' === column) {
@@ -1387,7 +1388,7 @@ exports.addListenerClickCell = function (vTmpCell, vEvents, task, column) {
     exports.addListener('click', function (e) {
         if (e.target.classList.contains('gfoldercollapse') === false &&
             vEvents[column] && typeof vEvents[column] === 'function') {
-            vEvents[column](task, e, vTmpCell);
+            vEvents[column](task, e, vTmpCell, column);
         }
     }, vTmpCell);
 };

docs/index.js

@@ -86,6 +86,7 @@ function start(e) {
         planstart: console.log,
         planend: console.log,
         cost: console.log,
+        additional_category: console.log,
         beforeDraw: () => console.log('before draw listener'),
         afterDraw: () => {
           console.log('after draw listener');

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsgantt-improved",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "jsgantt-improved",
   "main": "dist/index.js",
   "scripts": {

src/draw_columns.ts

@@ -108,9 +108,10 @@ export const draw_header = function (column, i, vTmpRow, vTaskList, vEditable, v
       const css = header.class ? header.class : `gadditional-${key}`;
       const data = vTaskList[i].getDataObject();
       vTmpCell = newNode(vTmpRow, 'td', null, `gadditional ${css}`);
+      vTmpDiv = newNode(vTmpCell, 'div', null, null, data ? data[key] : '');
+      addListenerClickCell(vTmpCell, vEvents, vTaskList[i], `additional_${key}`);
       // const callback = (task, e) => task.setCost(e.target.value);
       // addListenerInputCell(vTmpCell, vEventsChange, callback, vTaskList, i, 'costdate');
-      vTmpDiv = newNode(vTmpCell, 'div', null, null, data ? data[key] : '');
     }
   }
 

src/events.ts

@@ -307,7 +307,7 @@ export const addListenerClickCell = function (vTmpCell, vEvents, task, column) {
   addListener('click', function (e) {
     if (e.target.classList.contains('gfoldercollapse') === false &&
       vEvents[column] && typeof vEvents[column] === 'function') {
-      vEvents[column](task, e, vTmpCell);
+      vEvents[column](task, e, vTmpCell, column);
     }
   }, vTmpCell);
 }