Kendo Pagination not working with new upgrade

2 posts, 0 answers
  1. Venku
    Venku avatar
    4 posts
    Member since:
    Jan 2016

    Posted 09 Feb 2020 Link to this post

    Hi,
    We are seeing an issue with new Kendo upgrade (2020). There are 2 scenarios that we have found that Kendo grid pagination is not working.
    Scenario 1 : 
    Kendo pagination doesn't work on the pageload, but it starts working when I click F12 to inspect the elements. It was working fine with the old version (2017). Below is the source code for the Grid.
      @(Html.Kendo().Grid<vm>()
                                                                .Name("id")
                                                                .Columns(columns =>
                                                                {
                                                                    columns.Bound(d => d.FirstName).Title("First Name").Width(150);
                                                                    columns.Bound(d => d.LastName).Title("Last Name").Width(150);
                                                                    columns.Bound(d => d.MemberAddress).Title("Address");
                                                                    columns.Bound(d => d.MemberDOB_STR).Title("DOB").Format("{0:MM/dd/yyyy}").Width(100);
                                                                    columns.Bound(d => d.MemberId).Title("Member ID").Width(140);
                                                                    columns.Bound(d => d.ZipCode).Title("Zip Code").Width(120);                                                                
                                                                })
                                                                .ToolBar(tools => tools.Excel())
                                                              .Excel(excel => excel
                                                              .Filterable(true)
                                                                .Filterable(filterable => filterable.Extra(false).Operators(operators => operators.ForString(str => str.Clear().StartsWith("Starts with").IsEqualTo("Is equal to").IsNotEqualTo("Is not equal to"))))
                                                                .Scrollable(s => s.Height("200px"))
                                                                .Pageable()
                                                                 .Resizable(resize => resize.Columns(true))                                                      
                                                                .Sortable()
                                                                .DataSource(dataSource => dataSource
                                                                .Ajax()
                                                                 .Sort(s => s.Add("MemberId").Descending())
                                                                .PageSize(10)
                                                                .Read(read => read.Action("Some Action", "Controller").Data(""))
                                                            ).AutoBind(false)
                )

    Scenario 2: 

    In this case the pagination doesn't even work . The same was working fine with the old verison.

      @(Html.Kendo().Grid<DiagnosisICDVM>()
                                .Name("grdMemberDiagnosis")
                                .Events(e => e.DataBound("DisplayDataMessageMemberDiagnosis"))
                                .Columns(columns =>
                                {
                                    columns.Bound(d => d.CDCode).Title("Code").Width(100);
                                    columns.Bound(d => d.Description).Title("Diagnosis").Width(250);
                                    columns.Bound(d => d.CodeVersion).Title("ICD Version").Width(120);
                                    columns.Bound(d => d.ICDStartDate).Title("Start Date").EditorTemplateName("date").Format("{0:MM/dd/yyyy}").Width(120);
                                    columns.Bound(d => d.ICDEndDate).Title("End Date").EditorTemplateName("date").Format("{0:MM/dd/yyyy}").Width(120);
                                    columns.Bound(d => d.SourceType).Title("Source").Width(120).HtmlAttributes(new { title = "#=SourceType#" });
                                })
                                .ToolBar(tools => tools.Excel())
                                      .Excel(excel => excel
                                      .Filterable(true)
                            .Pageable(p => p.PageSizes(true).Refresh(true))
                            .Resizable(resize => resize.Columns(true))
                            .Sortable()
                            .Scrollable()
                        .DataSource(dataSource => dataSource
                            .Ajax()
                            .Sort(s => s.Add("CDCode"))
                            .PageSize(100)
                              .Model(model => { model.Id(p => p.CDCode); })
                            .Events(events => events.Error("error_handler"))
                            .Read(read => read.Action("Some Action", controller).Data("JSFunction")))
            )
    Bootstrap 3 and JQuery 1.12.4 being used as per the Kendo recommendation.
    Please help in resolving this issue as we are close on the deadlines.

    Thanks
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2130 posts

    Posted 11 Feb 2020 Link to this post

    Hi Venku,

    I've addressed your inquiry in the other identical thread you opened: https://www.telerik.com/forums/kendo-pagination-not-working-with-new-upgrade

    In case you have further questions, I suggest we continue the discussion in the linked thread.

    Regards,
    Ivan Danchev
    Progress Telerik

    Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
Back to Top