[Solved] Grid - Master/Detail

[John]

I thought this would be an easy out of the box, but I was looking to have one detail open at a time.  How would I achieved that

thanks in advance..

 

[Hetali]

Hi John,

In order to have one detail open at a time in the Kendo UI Master-Detail Grid, use the detailExpand event to update the expandedDetailKeys collection. For example:

 <kendo-grid
  kendoGridExpandDetailsBy="ProductID"
  [(expandedDetailKeys)]="expandedDetailKeys"
  (detailExpand)="detailExpand($event)"
>
  <ng-template kendoGridDetailTemplate let-dataItem>
  </ng-template>
</kendo-grid>

public expandedDetailKeys: number[] = [1];

public detailExpand(e) {
  this.expandedDetailKeys = [e.dataItem.ProductID];
}

Please take a look at this StackBlitz example where I have demonstrated the above discussed approach.

I hope this helps. Feel free to reach out if you have any further questions pertaining to controlling the expanded state of the detail Grid.

Regards,
Hetali
Progress Telerik