How to stay on current page number after updating the data

[jqwidgetuserParticipant]

The example posted on Stackblitz project shows a jqxgrid reading the data using soure.url parameter.

https://stackblitz.com/edit/github-nkeedt-4nvtkw?file=src%2Fapp%2Fapp.component.ts

Navigate to the page #2 and then hit the Refresh Data button that calls this.myGrid.updatebounddata(); method that make a new query, downloads an updated data and re-populates the grid. Unfortunately, grid jumps to the first page. I would like the grid to stay on the same page, the page # 2.
How to make jqxgrid stay on the current page after the new updated data is downloaded and the grid re-populated?

The reason I want to grid to be persistent and stay on the same page, is because I want to run this.myGrid.updatebounddata(); every 10 seconds so the grid always shows the up-to-date data. But when I implement the data update, the grid resets to the first page. Please advise.

[jqwidgetuserParticipant]

This issue is now solved. I would need to set the virtualmode to true and return a real paged data from the backend server (so server returns 10 rows when the page size is set to 10). Then calling the this.myGrid.updatebounddata() method re-downloads the data from the server and the grid stays on the current page without jumping to the first page which only happens when the virtualmmode is set with false.

[HristoParticipant]

Hello jqwidgetuser,

I would like to suggest you look at the right approach in the tutorial below:
https://www.jqwidgets.com/angular-components-documentation/documentation/angular-serverside/angular-serverside-paging.htm?search=
Also, there is one similar discussion started from you:
https://www.jqwidgets.com/community/topic/how-to-make-jqxgrid-rendergridrows-make-http-requests/

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts