@cdmx/wappler_ag_grid 2.0.18 → 2.0.19
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 +19 -26
- package/app_connect/components.hjson +8 -0
- package/dmx-ag-grid.js +2 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
**Major Update:** This release upgrades from AG Grid v32.3.7 to v34.1.0, bringing significant performance improvements and exciting new features.
|
|
4
4
|
|
|
5
|
-
## 🚀 What's New in v2.0.
|
|
5
|
+
## 🚀 What's New in v2.0.19
|
|
6
6
|
|
|
7
7
|
1. **🔥 AG Grid v34.1.0** - Latest version with all community features
|
|
8
8
|
2. **⚡ Performance Boost** - Up to 40% bundle size reduction potential
|
|
9
9
|
3. **🎨 HTML Tooltips** - Rich HTML tooltip support with JavaScript functions
|
|
10
10
|
4. **🔧 Enhanced Tooltip System** - Custom tooltip components with automatic HTML detection
|
|
11
|
+
5. **🚫 Suppress Model Update** - New option to prevent automatic reprocessing after update transactions
|
|
11
12
|
|
|
12
13
|
- **Breaking Changes:** Some configurations may require updates due to AG Grid v33/v34 changes
|
|
13
14
|
|
|
@@ -110,20 +111,21 @@ This CSS rule removes the pseudo-element that creates the overlapping magnificat
|
|
|
110
111
|
9. **CSV Export**: Specifies if Export to CSV is enabled. (Default: true).
|
|
111
112
|
10. **PDF Export**: Specifies if Export to PDF is enabled. (Default: false).
|
|
112
113
|
11. **Exclude Fields CSV**: Specifies fields to be excluded in CSV export. (Default: null)
|
|
113
|
-
12. **
|
|
114
|
-
13. **
|
|
115
|
-
14. **
|
|
116
|
-
15. **
|
|
117
|
-
16. **
|
|
118
|
-
17. **Page Limit**:
|
|
119
|
-
18. **
|
|
114
|
+
12. **Remove HTML from Export**: Removes HTML tags from exported data (CSV/PDF). Converts <br> tags to newlines. (Default: false)
|
|
115
|
+
13. **Enable RTL**: Enabled Right to Left, used for Hebrew and Arabic. (Default: false)
|
|
116
|
+
14. **Column Hover Highlight**: Specifies column hover highlighting. (Default: true)
|
|
117
|
+
15. **Pagination**: Enables pagination. (Default: true)
|
|
118
|
+
16. **Auto Pagination**: Enables automatic pagination. (Default: false)
|
|
119
|
+
17. **Page Limit Selectors**: Allowed selectors for for page size. Set to false to hide the page size selector. (Default: [20,50,100] ).
|
|
120
|
+
18. **Page Limit**: Number of rows to show per page. (Default: 20)
|
|
121
|
+
19. **Row Selection**: Row Selection (single or multiple).
|
|
120
122
|
- "Single"
|
|
121
123
|
- "Multiple" (Default)
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
124
|
+
20. **Timezone**: Timezone for Date Fields. Select the appropriate timezone from the dropdown list. (Default: Local)
|
|
125
|
+
21. **Date Format**: Date Format for displaying date values. (Default: "dd/MM/yyyy hh:mm A")
|
|
126
|
+
22. **Filter Field ID**: Specifies the field ID of the search field when using grid quick filter. Applicable when using Quick Filter feature of AG Grid, called from Dynamic Events on change event on the field. (Default: search_field)
|
|
127
|
+
23. **Loading Overlay**: This enables loading overlay. (Default: false)
|
|
128
|
+
24. **Loading Overlay Duration**: This sets loading overlay duration in ms. (Default: 500)
|
|
127
129
|
24. **Sticky Header and Horizontal Scrollbar**: Optionally specify the header offset and topbar class.
|
|
128
130
|
- Fixed Header: Enables sticky header. (Default: false)
|
|
129
131
|
- Header Offset: Specifies offset from the top of the viewport area (Optional). (Default: 100)
|
|
@@ -140,7 +142,8 @@ This CSS rule removes the pseudo-element that creates the overlapping magnificat
|
|
|
140
142
|
31. **Center Align (V)**: Specifies if the cell data should be vertically centered. (Default: false)
|
|
141
143
|
32. **Suppress Row Click Selection**: Disables row selection on row click. (Default: false)
|
|
142
144
|
33. **Suppress Menu Hide**: Prevents hiding the column menu. (Default: false)
|
|
143
|
-
34. **Suppress
|
|
145
|
+
34. **Suppress Model Update**: Prevents automatic reprocessing of grouping, filters, aggregation and sorting after update transactions. (Default: false)
|
|
146
|
+
35. **Suppress Movable Columns**: Disables moving columns. (Default: false)
|
|
144
147
|
35. **Enable Cell Expressions**: Enables expressions in cell values. (Default: false)
|
|
145
148
|
36. **Animate Rows**: Enables row animation on data changes. (Default: false)
|
|
146
149
|
37. **Suppress Aggregation Function in Header**: Hides the aggregation function in column headers. (Default: false)
|
|
@@ -154,19 +157,9 @@ This CSS rule removes the pseudo-element that creates the overlapping magnificat
|
|
|
154
157
|
45. **Enable Row Selection**: Enables row selection. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
|
|
155
158
|
46. **Enable Row Status Toggle**: Enables row status toggle events. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
|
|
156
159
|
|
|
157
|
-
##
|
|
160
|
+
## 🎨 Enhanced Features
|
|
158
161
|
|
|
159
|
-
47.
|
|
160
|
-
|
|
161
|
-
48. **Batch Cell Editing**: Allow users to edit multiple cells in the grid before committing the changes. This is useful for scenarios where you want to make several edits before updating the data source, perfect for complex data entry workflows. (Default: false)
|
|
162
|
-
|
|
163
|
-
49. **Bulk Cell Editing**: Enable users to edit multiple cells in a single action by selecting the cells to update, entering a new value, and committing the change with the Tab key. This is ideal when you need to update multiple cells with the same value, such as updating status of row items or overriding null values. (Default: false)
|
|
164
|
-
|
|
165
|
-
50. **New Filters Tool Panel**: Enable the completely redesigned filters tool panel which allows users to access the grid's filters without opening the column menu. Features include: selecting columns for filtering, choosing between Simple/Selection/Combo filters, and configuring global Apply/Clear/Reset/Cancel buttons - particularly useful for server-side filtering with single requests. (Default: false)
|
|
166
|
-
|
|
167
|
-
51. **Tree Data Drag & Drop**: Enable managed row dragging for Tree Data, meaning the grid will automatically handle the dragging of rows and updating of the data structure. Supports reordering, moving parents and children, and converting leaf nodes into groups. (Default: false)
|
|
168
|
-
|
|
169
|
-
52. **🎨 HTML Tooltips**: Create rich, interactive tooltips with full HTML support using JavaScript functions. Features include:
|
|
162
|
+
47. **🎨 HTML Tooltips**: Create rich, interactive tooltips with full HTML support using JavaScript functions. Features include:
|
|
170
163
|
- Custom HTML content with styling and images
|
|
171
164
|
- Dynamic content generation based on row data
|
|
172
165
|
- Automatic HTML detection and rendering
|
|
@@ -520,6 +520,14 @@
|
|
|
520
520
|
"defaultValue": false,
|
|
521
521
|
"help": "Prevents hiding the column menu"
|
|
522
522
|
},
|
|
523
|
+
{
|
|
524
|
+
"name": "suppressModelUpdateAfterUpdateTransaction",
|
|
525
|
+
"attribute": "dmx-bind:suppress_model_update",
|
|
526
|
+
"title": "Suppress Model Update After Update Transaction",
|
|
527
|
+
"type": "boolean",
|
|
528
|
+
"defaultValue": false,
|
|
529
|
+
"help": "Prevents automatic reprocessing of grouping, filters, aggregation and sorting after update transactions"
|
|
530
|
+
},
|
|
523
531
|
{
|
|
524
532
|
"name": "suppressMovableColumns",
|
|
525
533
|
"attribute": "dmx-bind:suppress_movable_columns",
|
package/dmx-ag-grid.js
CHANGED
|
@@ -48,6 +48,7 @@ dmx.Component('ag-grid', {
|
|
|
48
48
|
enable_cell_text_selection: { type: Boolean, default: true },
|
|
49
49
|
row_selection: { type: String, default: 'multiRow' },
|
|
50
50
|
suppress_row_deselection: { type: Boolean, default: false },
|
|
51
|
+
suppress_model_update: { type: Boolean, default: false },
|
|
51
52
|
pagination: { type: Boolean, default: true },
|
|
52
53
|
pagination_auto_page_size: { type: Boolean, default: false },
|
|
53
54
|
pagination_page_size_selector: { type: Array, default: [20,50,100] },
|
|
@@ -1763,6 +1764,7 @@ dmx.Component('ag-grid', {
|
|
|
1763
1764
|
headerHeight: this.props.header_height,
|
|
1764
1765
|
suppressMenuHide: this.props.suppress_menu_hide,
|
|
1765
1766
|
suppressMovableColumns: this.props.suppress_movable_columns,
|
|
1767
|
+
suppressModelUpdateAfterUpdateTransaction: this.props.suppress_model_update,
|
|
1766
1768
|
enableCellExpressions: this.props.enable_cell_expressions,
|
|
1767
1769
|
animateRows: this.props.animate_rows,
|
|
1768
1770
|
suppressAggFuncInHeader: this.props.suppress_agg_func_in_header,
|
package/package.json
CHANGED