ejs-grid actionBegin not executed when page routed with queryParams

[Ronald Koh]

When I route to a page with ejs-grid without queryParams, the actionBegin​ event triggers normally. But when I route to the same page with queryParams, the actionBegin​ event doesn't triggers.

.html

<ejs-grid
  #grid
  (actionBegin)="onActionBegin($event)"
  [columns]="columns"
  [dataSource]="data"
>
</ejs-grid>

.ts

async onActionBegin(args) {
  // some code
}

route with queryParams:

<a routerLink="/page" [queryParams]="{ param: 'param' }">Route1</a>

route without queryParams:

<a routerLink="/page">Route2</a>

Note​: I do not subscribe to the queryParam or get its value in anyway in routed page

I have read some articles saying that route.queryParams doesn’t work with await but I didn't found a workaround it.

[Aishwarya Rameshbabu]

Hi Ronald Koh,

Greetings from Syncfusion support.

After reviewing your query, we have observed that you are experiencing an issue where the actionBegin event of the Grid is not being triggered correctly when navigating to a page with queryParams. We have attempted to replicate the reported issue using a sample based on the information provided but were unsuccessful in doing so. The actionBegin event is functioning properly even when queryParams are utilized with routing. Please refer to the provided sample and video demonstration for more detailed information.

Sample: Angular Grid with Routing (forked) - StackBlitz

If you are still facing the issue, please try to recreate it in the provided sample or share a simple sample demonstrating the issue along with a video demonstration for further validation.

Regards

Aishwarya R

Attachment: 189389VideoDemo_c36dfece.zip