Data Widgets

Content Type: Module
Categories: Communication

Overview

Important note: This is a module not a single widget. The Data Widgets module, is a packaged module that contains the following widgets: Data grid 2, Gallery, Tree node, Filtering and Sorting widgets. This module also includes all the styling, design properties and building blocks related to these widgets. Data grid 2: The successor of the standard data grid widget for displaying content in a tabular form. It comes with many powerful new features and settings like support for widgets, row and cell coloring, responsive layout, accessibility and different paging options, like virtual scrolling. Gallery: The Gallery widget is the successor to both the standard list view and template grid. It features a new responsive grid design, usage of the same filtering and sort widgets from Data grid 2 and settings like support for conditional styling, paging and empty placeholders. Tree node: The tree node is a widget used to create a level in a tree UI. Multiple tree node widgets can be combined to create a tree view. The tree node widget is fully composable and comes with settings for animating and icon customization. Filtering and Sorting widgets: The filtering and sorting can be used across the data widgets of the Data grid 2 and the Gallery. Out of the box there is filtering for text, numbers, dates, and the option to add drop-down filters for single or multiple selections.

Documentation

Please see Data Widgets in the Mendix documentation for details.

Releases

Version: 2.21.1
Framework Version: 9.24.0
Release Notes: ### [2.7.1] DatagridDropdownFilter #### Fixed - We fixed on change event not triggering for association filters. ### [2.21.1] Datagrid #### Fixed - We have resolved an issue where the Data Grid would not render in certain cases when a visibility expression was configured on some of its columns.
Version: 2.21.0
Framework Version: 9.24.0
Release Notes: ### [2.21.0] Datagrid #### Fixed - Fixed an issue where data could not be exported if some columns used associations. #### Added - Added a new "Export value" property for columns with custom content.
Version: 2.20.1
Framework Version: 9.24.0
Release Notes: ### [1.9.1] Gallery #### Fixed - We fixed an issue where cursor couldn't be moved inside text input fields with arrow keys.
Version: 2.20.0
Framework Version: 9.24.0
Release Notes: ### Added - Update JS actions for resetting filters in Data grid 2 and Gallery. `Reset_All_Filters` and `Reset_Filter` now have the option to reset to default filter's value. - New JS actions for setting filters in Data grid 2 and Gallery. `Set_Filter` set a single filter to a specific value within Data grid 2 or Gallery. ### Breaking changes - Data widgets now use Atlas variables for its styling. This may change how the widgets look depending on the custom variables. ### [2.8.0] DatagridDateFilter #### Fixed - The default filter values are now restored on initial page load. #### Added - A new hook that subscribes the widget to `Set_Filter` action. #### Changed - We update event listener for `Reset_Filter` to allow reset to default value. ### [2.7.0] DatagridDropdownFilter #### Added - A new hook that subscribes the widget to `Set_Filter` action. #### Changed - We update event listener for `Reset_Filter` to allow reset to default value. ### [2.6.0] DatagridNumberFilter #### Added - A new hook that subscribes the widget to `Set_Filter` action. #### Changed - We update event listener for `Reset_Filter` to allow reset to default value. ### [2.6.0] DatagridTextFilter #### Added - A new hook that subscribes the widget to `Set_Filter` action. #### Changed - We update event listener for `Reset_Filter` to allow reset to default value. ### [2.20.0] Datagrid #### Changed - We update event listener for `Reset_All_Filters` to allow reset to default value. ### [1.9.0] Gallery #### Fixed - We fixed an issue with Gallery widget where content may break out of grid boundaries. Thanks to Ronnie van Doorn for the suggestion. #### Changed - We update event listener for `Reset_All_Filters` to allow reset to default value.
Version: 2.19.1
Framework Version: 9.24.0
Release Notes: ### [2.19.0] Datagrid #### Fixed - We fixed an issue with Datagrid 2 not working correctly when **Use React client** setting is on.
Version: 2.19.0
Framework Version: 9.24.0
Release Notes: ### [2.7.1] DatagridDateFilter #### Fixed - We fixed an issue where the filter type selector was not switching types correctly. ### [1.2.0] TreeNode #### Fixed - We fixed an issue with nested Tree Nodes, where the nested empty Tree Node would break its parent behavior.
Version: 2.18.1
Framework Version: 9.24.0
Release Notes: ### [2.18.1] Datagrid #### Fixed - Fixed an issue when exporting numbers to excel. Instead of the type number, the value exported was of string type.
Version: 2.18.0
Framework Version: 9.24.0
Release Notes: ### [2.5.1] DatagridNumberFilter #### Fixed - We resolved an issue where the default value was not working in certain cases. ### [2.5.1] DatagridTextFilter #### Fixed - We resolved an issue where the default value was not working in certain cases. ### [2.18.0] Datagrid #### Changed - We have changed the value displayed in the pagination on design mode. Now the value displayed is the page size. #### Fixed - Fixed an issue where pagination buttons wouldn't show up when there's no items in the Datagrid 2 pagination even when button visibility was set to "always". #### Added - A new property that allows to change the behavior of the item selection. - A new property that controls custom content events. #### Removed - We removed the sorting console warnings that were being triggered incorrectly. ### [1.8.0] Gallery #### Changed - We have changed the value displayed in the pagination on design mode. Now the value displayed is the page size. #### Added - A new property that allows to change the behavior of the item selection. - A new property that allows to configure the trigger event for the "on click" action.
Version: 2.17.0
Framework Version: 9.24.0
Release Notes: ### [2.17.0] Datagrid #### Fixed - Fixed an issue with default column colors in design mode. - Fixed an issue with dynamic text not rendering. #### Changed - We have enhanced the swap behavior of the columns, making it more intuitive and user-friendly. This improvement also includes a slight adjustment to the classnames applied to the elements being swapped, providing better control over their styling. #### Added - We added the ability to store personalization configuration in the browser's local storage, in addition to the existing option of using an attribute.
Version: 2.16.1
Framework Version: 9.24.0
Release Notes: ### [2.16.1] Datagrid #### Fixed - We fixed an issue with sorting by columns that display dynamic text or custom content.