@cdmx/wappler_ag_grid 0.2.6 → 0.2.8

package/README.md

@@ -15,4 +15,5 @@ This Custom Module provides the below features:
 12. Theme selection
 13. Row Click Event Handling
 14. Options to enable checkboxes for IDs for bulk select Operations
-15. Options to enable Toggle Sliders for status fields
+15. Options to enable Toggle Sliders for status fields
+16. Added Action Buttons feature

package/app_connect/components.hjson

@@ -22,7 +22,12 @@
           "name": "data",
           "title": "Data",
           "type": "object"
-        }
+        },
+        {
+          "name": "count",
+          "title": "Count",
+          "type": "number"
+        },
         {
           "name": "fields",
           "title": "Fields",
@@ -560,7 +565,6 @@
                   "attribute": "dmx-bind:cnames",
                   "title": "Header Names",
                   "type": "grid",
-                  "dataBindings": true,
                   "key": "field",
                   "jsonFormat": true,
                   "encloseBT": true,
@@ -579,6 +583,7 @@
                       field: "custom_name",
                       caption: "Name",
                       size: "20%",
+                      dataBindings: true,
                       editable: {
                         type: "text"
                       },

package/dmx-ag-grid.js

@@ -2,6 +2,7 @@ dmx.Component('ag-grid', {
   initialData: {
     id: null,
     data: {},
+    count: Number,
     fields: {}
   },
 
@@ -286,7 +287,7 @@ dmx.Component('ag-grid', {
     function getValueGetter(key, dataChanges) {
       return function (params) {
         const value = params.data[key];
-        const matchingChange = dataChanges.find((change) => change.field === key && change.value === String(originalValue));
+        const matchingChange = dataChanges.find((change) => change.field === key && change.value === String(value));
         if (matchingChange) {
           return matchingChange.new_value;
         }
@@ -512,6 +513,7 @@ dmx.Component('ag-grid', {
         
     const gridOptions = {
       columnDefs: columnDefs,
+      noRowsOverlayComponent: '<div>No Records Found.</div>',
       onRowClicked: enableRowClickEvent ? onRowClicked : undefined,
       rowStyle: enableRowClickEvent ? { cursor: 'pointer' } : undefined,
       defaultColDef: {
@@ -684,6 +686,7 @@ dmx.Component('ag-grid', {
   },
 
   update: function (props) {
+    this.set('count', this.props.data.length);
     if (!dmx.equal(this.props.data, props.data)) {
       this.refreshGrid();
     }

package/package.json

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