mzgantt 1.0.16 → 1.0.18

package/README.en.md

@@ -488,52 +488,40 @@ MZGantt supports two usage methods: JS reference and npm installation.
         // Get cell name (rendering object cell)
         var field = cellObj.field;
 
-        // Define rendering style object
-        var cellStyle = {};
-
         // Style setting: Task name
         if (field == "name") {
             if (row.plan[0].dur > 5) {
-                cellStyle["cellHTML"] = '<span style="color:red;" >' + row.name + '</span>';
-                // cell.style.color = "red";
+                cellObj.cellHTML = '<span style="color:red;" >' + row.name + '</span>';
             }
             if (row.plan[0].dur >= 2 && row.plan[0].dur <= 5) {
-                cellStyle["cellHTML"] = '<span style="color:green;" >' + row.name + '</span>';
+                cellObj.cellHTML = '<span style="color:green;" >' + row.name + '</span>';
             }
             if (row.plan[0].dur < 2) {
-                cellStyle["cellHTML"] = '<span style="color:black;" >' + row.name + '</span>';
+                cellObj.cellHTML = '<span style="color:black;" >' + row.name + '</span>';
             }
         }
 
         // Style setting: Responsible person
         if (field == "resId") {
             if (row.name == "Task Name 1") {
-                cellStyle["ce11Style"] = 'color:green;font-weight:bold';
+                cellObj.cellStyle = 'color:green;font-weight:bold';
             }
         }
 
         // // Style setting: Custom column (using custom column name)
         // if (field == "yourColName2") {
-        //   cellStyle["cellHTML"] = '<input id="tstBtn" type ="button" value="Hide Milestone" onclick="test1">';
+        //   cellObj.cellHTML = '<input id="tstBtn" type ="button" value="Hide Milestone" onclick="test1">';
         // }
-
-        return cellStyle;
     });
 
     // Progress bar rendering
-    myGantt.on("barRender", function (row) {
-        // Define rendering style object
-        var barStyle = {};
-
+    myGantt.on("barRender", function (row, barObj) {
         if (row.name === "Task Name 2") {
-            barStyle["planBarStyle"] = 'background:red;';
-            // barStyle["planBarLeftHtml"] = '<img width="20px" height="20px" src="./images/work.svg" />';
-            // barStyle["planBarOverHtml"] = '';
-            barStyle["planBarRightHtml"] = '<div style="display:block;">Hard Work is Cool</div>';
+            barObj.planBarStyle = 'background:red;';
+            // barObj.planBarLeftHtml = '<img width="20px" height="20px" src="./images/work.svg" />';
+            // barObj.planBarOverHtml = '';
+            barObj.planBarRightHtml = '<div style="display:block;">Hard Work is Cool</div>';
         }
-
-        // Return object
-        return barStyle;
     });
 
     // Click progress bar
@@ -938,11 +926,11 @@ MZGantt provides rich interfaces to operate or control Gantt chart data and feat
 1. Standard JS Version
     Download Or use following CDN:
     ```
-    <link rel="stylesheet" type="text/css" href="https://gcore.jsdelivr.net/npm/mzgantt@1.0.14/cdn/mzgantt.css" />
-    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.14/cdn/mzgantt.js"></script>
-    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.14/cdn/edit.js"></script>
-    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.14/cdn/export.js"></script>
-    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.14/cdn/mobile.js"></script>
+    <link rel="stylesheet" type="text/css" href="https://gcore.jsdelivr.net/npm/mzgantt@1.0.18/cdn/mzgantt.css" />
+    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.18/cdn/mzgantt.js"></script>
+    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.18/cdn/edit.js"></script>
+    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.18/cdn/export.js"></script>
+    <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@1.0.18/cdn/mobile.js"></script>
     ```
 
 2. npm Version (supports Vue, etc.): Install directly using npm command.