@cdmx/wappler_ag_grid 1.5.13 → 1.5.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -6
- package/app_connect/components.hjson +0 -8
- package/dmx-ag-grid.js +3 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -72,12 +72,11 @@ To use the "Custom" theme, copy "ag-theme-custom.css" to public/css/ag-theme-cus
|
|
|
72
72
|
35. **Suppress Scroll on New Data**: Prevents scrolling to newly added data. (Default: false)
|
|
73
73
|
36. **Suppress Property Names Check**: Disables checking for duplicate property names. (Default: false)
|
|
74
74
|
37. **Hide ID Field**: Hides the ID Field in the Grid. (Default: false)
|
|
75
|
-
38. **
|
|
76
|
-
39. **
|
|
77
|
-
40. **Row Click Events**: Enables row click events. This can be used in Dynamic events => Grid Events => Row Clicked. (Default: false)
|
|
78
|
-
41. **Row
|
|
79
|
-
42. **Enable Row
|
|
80
|
-
43. **Enable Row Status Toggle**: Enables row status toggle events. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
|
|
75
|
+
38. **Numeric Column Align**: Align numeric columns to the right. (Default: false)
|
|
76
|
+
39. **Row Click Events**: Enables row click events. This can be used in Dynamic events => Grid Events => Row Clicked. (Default: false)
|
|
77
|
+
40. **Row Double Click Events**: Enables row double click events. This can be used in Dynamic events => Grid Events => Row Double Clicked. (Default: false)
|
|
78
|
+
41. **Enable Row Selection**: Enables row selection. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
|
|
79
|
+
42. **Enable Row Status Toggle**: Enables row status toggle events. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
|
|
81
80
|
|
|
82
81
|
# Data Type Overrides
|
|
83
82
|
|
|
@@ -539,14 +539,6 @@
|
|
|
539
539
|
"defaultValue": false,
|
|
540
540
|
"help": "Hides the ID Field in Grid"
|
|
541
541
|
},
|
|
542
|
-
{
|
|
543
|
-
"name": "idPreset",
|
|
544
|
-
"attribute": "dmx-bind:id_present",
|
|
545
|
-
"title": "ID Present",
|
|
546
|
-
"type": "boolean",
|
|
547
|
-
"defaultValue": false,
|
|
548
|
-
"help": "Uses ID field data for performing transactional updates on the Grid. Required to be enabled when perfomring transaction updates (Reload on Grid)"
|
|
549
|
-
},
|
|
550
542
|
{
|
|
551
543
|
"name": "numericColumnAlign",
|
|
552
544
|
"attribute": "dmx-bind:numeric_column_align",
|
package/dmx-ag-grid.js
CHANGED
|
@@ -57,7 +57,6 @@ dmx.Component('ag-grid', {
|
|
|
57
57
|
suppress_scroll_on_new_data: { type: Boolean, default: false },
|
|
58
58
|
suppress_property_names_check: { type: Boolean, default: false },
|
|
59
59
|
hide_id_field: { type: Boolean, default: false },
|
|
60
|
-
id_present: { type: Boolean, default: false },
|
|
61
60
|
numeric_column_align: { type: Boolean, default: false },
|
|
62
61
|
enable_rtl: { type: Boolean, default: false },
|
|
63
62
|
locale_text: { type: String, default: null },
|
|
@@ -394,6 +393,7 @@ dmx.Component('ag-grid', {
|
|
|
394
393
|
let cellRenderer;
|
|
395
394
|
const gridThemeClass = options.dark_mode ? `${options.grid_theme}-dark` : options.grid_theme;
|
|
396
395
|
this.$node.innerHTML = `<div id=${options.id}-grid class="${gridThemeClass}"></div>`;
|
|
396
|
+
let idFieldPresent = false;
|
|
397
397
|
if (!rowData || rowData.length === 0) {
|
|
398
398
|
console.error('No row data provided.');
|
|
399
399
|
return;
|
|
@@ -958,6 +958,7 @@ dmx.Component('ag-grid', {
|
|
|
958
958
|
columnDefs = this.props.column_defs;
|
|
959
959
|
} else {
|
|
960
960
|
const firstRow = rowData[0];
|
|
961
|
+
idFieldPresent = Object.keys(firstRow).includes('id');
|
|
961
962
|
columnDefs = Object.keys(firstRow).map(key => {
|
|
962
963
|
// Assuming rowData is an array of objects
|
|
963
964
|
const values = rowData.map(row => row[key]);
|
|
@@ -1292,7 +1293,7 @@ dmx.Component('ag-grid', {
|
|
|
1292
1293
|
localeText = AG_GRID_LOCALE_PT
|
|
1293
1294
|
}
|
|
1294
1295
|
const gridOptions = {
|
|
1295
|
-
...(
|
|
1296
|
+
...(idFieldPresent ? { getRowId: params => params.data.id } : {}),
|
|
1296
1297
|
columnDefs: (groupedColumnDefs && groupedColumnDefs.length > 0) ? groupedColumnDefs : columnDefs,
|
|
1297
1298
|
localeText: localeText,
|
|
1298
1299
|
enableRtl: options.enable_rtl,
|