Hello Telerik Support Team,
We are experiencing an issue with a Telerik MVC Grid where changing the page size results in multiple Ajax requests being sent to the server.
Environment
- Telerik MVC Grid
- ASP.NET MVC
- Ajax Binding Enabled
- Custom Binding Enabled
Current Behavior
When the user changes the page size (for example, from 5 to 50), multiple requests are sent to the grid's Ajax binding action.
Example:
- Grid displays 5 rows.
- User changes page size from 5 to 50.
- Multiple requests are observed in the browser Network tab.
- All requests target the same Ajax binding action.
- All requests return HTTP 200.
Expected Behavior
Changing the page size should trigger a single Ajax request to the server.The grid uses below code
pager.PageSize(Model.GridModel.PageSize, Model.GridModel.PageSizeSelections)
.Position(GridPagerPosition.Bottom)
.Style(GridPagerStyles.NextPreviousAndNumeric | GridPagerStyles.PageInput | GridPagerStyles.PageSizeDropDown))
.NoRecordsTemplate(TMS.Resources.PositionManager.UI.NoOnboardingDocumentInstancesFoundMessage)
.HtmlAttributes(new { width = "98%" })
- Is multiple Ajax-request behavior during page-size changes a known Telerik MVC Grid issue or expected behavior?
- Are there Telerik recommendations to prevent duplicate Ajax requests when changing page size?
- Is there a built-in Telerik mechanism to ensure only a single Ajax request is sent for a page-size change?
- Could this be caused by Telerik internally triggering multiple rebind operations?
- Is there a Telerik-supported approach for preventing duplicate requests without introducing a custom client-side request lock?
We also found a Telerik forum post discussing similar behavior during page-size changes:
https://www.telerik.com/forums/multiple-requests-on-telerik-grid-page-size-change
Could you please confirm whether our observed behavior is related to the same issue and advise on the recommended solution?
Note:
Thank you.
I would recommend that you look at your MVC and ASP.NET core products and try to build some consistency.
When I learn one component, I kind of expect other similar components to be close to the others. For instance TreeList and Grid both have toolbars, yet the builders use different capitalizations for their names. Treelist and Grid both have editable settings, but Treelist does not have the method AdditionalViewData.
There are many more inconsistency that make these components really hard to use.