@cdmx/wappler_ag_grid 1.5.2 → 1.5.4

package/app_connect/components.hjson

@@ -2216,7 +2216,18 @@
           icon : 'fa fa-lg fa-sync',
           state : 'opened',
           help: 'Reload the AG Grid',
-          properties : []
+          properties: [
+            {
+              group: 'Properties',
+              variables: [
+                {
+                  name: '1', optionName: '1', title: 'Load Grid', type: 'boolean',
+                  dataBindings: true, defaultValue: false, required: true,
+                  help: 'Load Gird if no data is available.'
+                }
+              ]
+            }
+          ]
         },
         {
           addTitle: 'Export',

package/dmx-ag-grid.js

@@ -191,9 +191,9 @@ dmx.Component('ag-grid', {
       this.set('columnDefs', columnDefs);
       this.refreshGrid();
     },
-    reloadGrid: function () {
+    reloadGrid: function (loadGridInstance) {
       dmx.nextTick(function() {
-        this.transactionUpdate();
+        this.transactionUpdate(loadGridInstance);
       }, this);
     },
     loadGrid: function () {
@@ -244,11 +244,19 @@ dmx.Component('ag-grid', {
     }
   },
 
-  transactionUpdate: function () {
+  transactionUpdate: async function (loadGridInstance) {
     // const oldRowData = this.get('oldData');
-    const gridInstance = this.get('gridInstance');
-    //const oldRowData = gridInstance.getModel().rowsToDisplay.map(row => row.data);
-      // Retrieve old row data from the grid instance directly
+    var gridInstance = this.get('gridInstance');
+    if (!gridInstance) {
+      if (loadGridInstance) {
+       gridInstance = await this.refreshGrid();
+       await this.set('gridInstance', gridInstance);
+      }
+      else {
+        console.error('AG Grid instance not loaded.');
+        return;
+      }
+    }
     const oldRowData = [];
     gridInstance.forEachNode(node => {
       if (node.data) {
@@ -259,13 +267,12 @@ dmx.Component('ag-grid', {
     let transaction;
   
     if (oldRowData && oldRowData.length > 0) {
-        const addedRows = newRowData.filter(newRow => !oldRowData.some(oldRow => newRow.id === oldRow.id));
-        const removedRows = oldRowData.filter(oldRow => !newRowData.some(newRow => oldRow.id === newRow.id));
-        const updatedRows = newRowData.filter(newRow => {
-          const oldRow = oldRowData.find(old => old.id === newRow.id);
-          return oldRow && JSON.stringify(oldRow) !== JSON.stringify(newRow);
-        });
-  
+      const addedRows = newRowData.filter(newRow => !oldRowData.some(oldRow => newRow.id === oldRow.id));
+      const removedRows = oldRowData.filter(oldRow => !newRowData.some(newRow => oldRow.id === newRow.id));
+      const updatedRows = newRowData.filter(newRow => {
+        const oldRow = oldRowData.find(old => old.id === newRow.id);
+        return oldRow && JSON.stringify(oldRow) !== JSON.stringify(newRow);
+      });
         // Apply transactional updates to AG Grid
         transaction = {
           add: addedRows,
@@ -275,10 +282,8 @@ dmx.Component('ag-grid', {
       }
     if (gridInstance && transaction) {
       gridInstance.applyTransaction(transaction);
-      gridInstance.refreshCells();
-    } else {
-      console.error('AG Grid instance or transaction not found.');
-    }
+      // gridInstance.refreshCells();
+    } 
   },
   parseFileData: async function (fieldId) {
     const parseCSV = (csvData) => {
@@ -1316,6 +1321,7 @@ dmx.Component('ag-grid', {
       suppressPropertyNamesCheck: this.props.suppress_property_names_check,
       suppressRowDeselection: this.props.suppress_row_deselection,
       columnHoverHighlight: this.props.column_hover_highlight,
+      getRowId: (params) => params.data.id,
       onFilterModified: function (params) { 
         const columnApi = params.columnApi.api;
         columnApi.hideOverlay();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cdmx/wappler_ag_grid",
-    "version": "1.5.2",
+    "version": "1.5.4",
     "type": "module",
     "description": "App Connect module for AG Grid Table Generation.",
     "license": "MIT",