Page navigation with more entries not working properly

2 posts, 0 answers
  1. CIQIntegration
    CIQIntegration avatar
    4 posts
    Member since:
    Jul 2015

    Posted 03 Oct 2017 Link to this post

    Hi all,

    I am facing a weird issue and I am not sure if this is a bug on my or your side.

    My grid has 146 items and displays 10 at once, therefore I have 15 pages. When I click on the "next page" arrow it works fine (shows the next entries) until I arrive on page 6. Then the items are the same until page 10, and from 11 on my grid displays again different entries.

    @using Haris.Web.Controllers.Admin
    @using Haris.Web.Models.Admin
    @{
        ViewBag.Title = Texts.Views_UserRole_Index_Title;
    }
    @(Html.Kendo().Grid<UserRoleGridModel>()
          .Name("userroles-grid")
          .Columns(columns =>
                   {
                       columns.Bound(e => e.ClientId).Width(50).Title(Texts.Views_UserRole_Index_Grid_ClientId);
                       columns.Bound(e => e.Role).Width(350).Title(Texts.Views_UserRole_Index_Grid_RoleList).Sortable(false).Filterable(false);
                   })
          .Sortable()
          .Pageable(p =>
              p.ButtonCount(5)
               .PageSizes(GlobalSettings.PageSizeArray)
               .Refresh(true)
          )
          .Filterable()
          .Deferred()
          .DataSource(dataSource =>
              dataSource.Ajax()
                        .Events(ev => ev.RequestEnd("kendoGridRequestEnd").Error("kendoGridError"))
                        .Read(read => read.Action<UserRoleController>(c => c.List(null)).Data("kendoGridAntiForgery"))
                        .Destroy(builder => builder.Action("Delete", "UserRole").Data("kendoGridAntiForgery"))
                        .Model(factory => factory.Id(model => model.UserId))
          )
          .AutoBind(false))

  2. Stefan
    Admin
    Stefan avatar
    2915 posts

    Posted 05 Oct 2017 Link to this post

    Hello,

    Thank you for the provided information and the code.

    The provided Grid configuration looks good and I can assume that there is an issue with the server response.

    Could you please observe the request made from the Grid in the network tab to check if they are for the correct page? If they are correct I can suggest debugging the action method in the Controller and if it is sending the correct data to the Grid.

    If the issue still occurs, please provide a fully runnable example, as the issue can be caused by a custom factor which we are overlooking at this moment.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top