Is it possible to have nested rowDetails?

Is it possible to have nested rowDetails?

Posted by: kyle.m.vassella on 9 November 2018, 11:39 am EST

• 

  kyle.m.vassella

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 9 November 2018, 11:39 am EST

  Is it possible to have two layers of rowDetails (aka, a rowDetails for our rowDetails)?

  If so - my issue is that our inner-most rowDetails needs to have its [itemsSource] attribute set to the parent rowDetails data, and not to the outermost non rowDetails grid.

  So we have something like:

  
  <wj-flex-grid>
     <wj-flex-grid-column [header]="roleID" [binding]="roleID"></wj-flex-grid-column>
  	
  	<ng-template wjFlexGridDetail>
  		<wj-flex-grid [itemsSource]="getDetailData(item.roleID)">
     			<wj-flex-grid-column [header]="roleID" [binding]="roleID"></wj-flex-grid-column>
  			 <wj-flex-grid-column [header]="userID" [binding]="userID"></wj-flex-grid-column>
  			<ng-template wjFlexGridDetail>
  
  				<wj-flex-grid [itemsSource]="getDetailData(item.userID)">
     			<wj-flex-grid-column [header]="userID" [binding]="userID"></wj-flex-grid-column>
  				</wj-flex-grid>
  
  			</ng-template>
  
  		<wj-flex-grid>
  
  	</ng-template>
  
  </wj-flex-grid>
  
  
  

  I’d like the inner-most rowDetails grid to pull from its parent rowDetails grid’s ‘userID’ column (a column which the outer most grid does not have). But, I think by design, the rowDetails [itemsSource] attribute is only wanting to pull from the columns within our non-rowDetails grid.

  Is it possible to link up data between two rowDetails grids?

• 

  nilay.vishwakarma

  • Post Options:
  • Link
    Copy

  Posted 11 November 2018, 11:57 pm EST

  Hi,

  You can try something like this:

  https://stackblitz.com/edit/angular-s7k3ir

  ~nilay