Hierarchical grid with nested detail grid

Hierarchical grid with nested detail grid

Posted by: paridhid on 14 September 2017, 12:05 pm EST

• 

  paridhid

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 September 2017, 12:05 pm EST

  Hi, I am working on a wijmo felx grid, in the project i am working the requirements are the following:

  the grid needs 3 hierarchical levels
  
  the main Grid is going to contain a wijmo detail grid
  
  the detail grid needs a nested detail grid

  In this way we want to cover the 3 hierarchical levels.

  we are receiving this object from the backend:

  [ { assetName: 'Laptop100', company: 'My company', date: '06/01/2016', items: [ { itemName: 'Laptop', brand: 'Unknown', locations: [ { locationName: 'Location name', height: '10inches', value: 3 } ] } ] } ]

  we have tried nesting the wijmo detail grids, but we are not able to accomplish the desired grid,
  
  we cannot use the child path property of the wijmo grid due to the css framework we are using.

  wj-flex-grid items-source="assetsList"> wj-flex-grid-column ng-repeat="column in assetsColumns" binding="{{::column.binding}}" header="{{::column.header}}" allow-dragging="{{::column.allowDragging}}" min-width="{{::column.minWidth || '150'}}">/wj-flex-grid-column> wj-flex-grid-detail detail-visibility-mode="detailMode"> wj-flex-grid items-source="$item.assetItems" headers-visibility="Column"> wj-flex-grid-column ng-repeat="assetColumn in itemsColumns" binding="{{::assetColumn.binding}}" header="{{::assetColumn.header}}"> /wj-flex-grid-column> wj-flex-grid-detail detail-visibility-mode="detailMode"> wj-flex-grid items-source="locations" headers-visibility="Column"> wj-flex-grid-column ng-repeat="locationColumn in locationsColumns" binding="{{::locationColumn.binding}}" header="{{::locationColumn.header}}"> /wj-flex-grid-column> /wj-flex-grid> /wj-flex-grid-detail> /wj-flex-grid> /wj-flex-grid-detail> /wj-flex-grid>

  Is there any option we can try to accomplish the desired behavior as its shown in the image attached using detail grid?
  
  

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:05 pm EST

  Hi,
  
  We are investigating on this.
  
  Thanks,
  
  Manish Kumar Gupta

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:05 pm EST

  Hi Paridhi,
  
  We need to define a function for getting data dynamically according to the row expanded to accomplish this. We also need to define wjFlexGridDetail inside wjFlexGridDetail.

  For your reference, please see the attached sample that implements the same.

  Thanks,
  
  Manish Kumar Gupta
  
  2017/06/FlexGrid_nested_hierarchical_grid.zip

• 

  milind.soman01

  • Post Options:
  • Link
    Copy

  Posted 14 August 2019, 4:00 am EST

  Hi Manish,
  
  I am trying to implemented nested grids where nesting can be up to any level dynamically. Its angular 7 project.
  
  could you please post any angular 7 sample code for this.

  Thanks
  
  Milind