Display Child Rows in Data Grid 2 on click of plus button

0
Hi all,  We are having a use case to display child rows on click of plus  button in data grid 2. And It should collapse again when we  click on that plus button.(added the below screenshot for reference)
asked
2 answers
0

Hi Sukesh Shenoy,

I would use a tree node widget instead of datagrid2 if you want show child list. You can also configure the plus and minus icons. 
Kind regards,

Yusuf

answered
0

Hi I've recently build this in my app. 

 

I've achived it by showing a NPE entity in the datagrid and giving them a integer "Order" attribute and firstly only loading the parents into the list. Whenever a button is clicked to expand the parent I add all childs to the list with the "Order" attribute set to a value so they display between the parent and the next parent in the list. 

ALso I gave each item a "Level" attribute which describes on which level the item is shown (parent = 1, child = 2, childs child = 3, ...). This makes it easier to tell which items need to be removed from the list when collapsing a parent. Just itterate through the list and remove all items which have a "Level" > parent item "Level". By doing so you will remove all childs of the clicked item and stop once you reach a item which is on a lower, or equal level.

 

If you need any further assistance feel free to ask back.

answered