[Data Grid] Data Grid support Master Detail listing within a grid?

Forge Component
(31)
Published on 6 Nov (7 days ago) by OutSystems R&D
31 votes
Published on 6 Nov (7 days ago) by OutSystems R&D

Hi ,

Do Flex Data Grid component support Master detail grid?How to implement grid with Flex data grid as well as master detail listing.

Or I have to clone this component and make new weblock for it?

According to this example :https://demos.wijmo.com/5/Angular2/RowDetails/RowDetails/

(This example don't have any other feature like filter ,Sorting  etc ) 

 how to get  wijmo.grid.detail.js ?

Thanks and Regards,

Rocky

Hi Rocky,

That functionality is not available out of the box. Also, the component doesn't have the wijmo.grid.details.js file.

In order to achieve such behavior, you'd probably need to create a webblock as a wrapper for the functionality provided by that file, and go on from there.

Regards,

Ricardo Alves

The wijmo.grid.details.js library exposes the wijmo Nested Grid functionality.  However the OutSystems exposed wijmo functionality does allow for Master-Detail grid functionality using separate grids.

See the Wijmo > Grid > Master-Detail > Separate Grid ES6 for an example

If the Nested Grid functionality is desired, I believe this functionality can be replicated inefficiently via the wijmo grouping functionality.  Make a new REST API that exposes a composite flat JSON structure where each row contains both the detail and the master information.  Then configure the grid to use grouping, and group by every JSON field that was exposed in the original master REST API.  The main draw back on this is that JSON payload is huge as master data is repeated for every detail row.