Ken-do Grid current Page disable

[Medhanth]

I have kendo grid  and have paging options which is working as expected and issue is when i click on Page 2 some again page 2 is showing . Is there any possiblity to hide that . Please refer to attachment it should be very clear. 

[Svet]

Hi Kongal,

Thank you for the demonstrated screenshot.

Indeed displaying a page twice in the pager isn't an expected behavior.

But from the provided information it isn't clear what may cause the reported undesired behavior. Thus could I ask you to provide some code snippets demonstrating the implementation on your side. Thank you in advance. That will help us to reproduce the behavior. Once we are able to reproduce the issue in a StackBlitz example or a sample runnanble project we will be able to provide some further more specific feedback on this case.

Last but not least could I ask you to confirm which Kendo Grid is used. Is it the Kendo UI for Angular Grid or the Kendo UI for jQuery Grid?

We are looking forward to your reply. Thank you for cooperating.

 

Regards,

Svetlin
Progress Telerik

[Medhanth]

 $scope.Weekly.dataSource = new kendo.data.DataSource({
            cache: false,
            transport: {
                read: {
                    url: "/Datasource/GetWeekly?status=" + $scope.StatusSelected + "&prgs=" + $scope.StringLOBPrg,
                    dataType: "json"
                }

$scope.Weekly.dataSource = new kendo.data.DataSource({
            cache: false,
            transport: {
                read: {
                    url: "/Datasource/GetWeekly?status=" + $scope.StatusSelected + "&prgs=" + $scope.StringLOBPrg,
                    dataType: "json"
                }
            },
            batch: true,
            pageSize: 25,
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        Test: { editable: false },
                        Project: { editable: false },
                        Status: { editable: false },
                       Test1: { editable: false },
                    }
                }
            }
        });

$("#Weekly").kendoGrid({
            dataSource: $scope.Weekly.dataSource,
            columns: [
                { field: "Test", title: "Test", headerAttributes: { title: 'Test 2' }, width: 120 },
                { field: "Project", title: "Project", headerAttributes: { title: 'Project' }, width: 120 },
                { field: "Status", title: "Status", headerAttributes: { title: 'Status' }, width: 80 },
                { field: "Test1", title: "Test1", headerAttributes: { title: 'Test' }, width: 80 }
            ],
            editable: false,
            pageable: { pageSizes: [25, 50, 100] },
            columnMenu: true,
            filterable: true,
            sortable: true,
            scrollable: true,
            resizable: true,
            reorderable: true,
            height: $(document).height() - 150,

        });


    };

            },
            batch: true,
            pageSize: 25,
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        Test: { editable: false },
                        Project: { editable: false },
                        Status: { editable: false },
                       Test1: { editable: false },                    
                    }
                }
            }
        });

$("#Weekly").kendoGrid({

            dataSource: $scope.Weekly.dataSource,
            columns: [
                { field: "Test", title: "Test", headerAttributes: { title: 'Test 2' }, width: 120 },
                { field: "Project", title: "Project", headerAttributes: { title: 'Project' }, width: 120 },
                { field: "Status", title: "Status", headerAttributes: { title: 'Status' }, width: 80 },
                { field: "Test1", title: "Test1", headerAttributes: { title: 'Test' }, width: 80 }
            ],
            editable: false,
            pageable: { pageSizes: [25, 50, 100] },
            columnMenu: true,
            filterable: true,
            sortable: true,
            scrollable: true,
            resizable: true,
            reorderable: true,
            height: $(document).height() - 150,

        });


    };

[Medhanth]

Please find the code which i have already posted.

firstly iam setting some data using datasource and then then assigning to kendo grid

[Medhanth]

code has copied multiple times. hope you can understand that

[Tsvetomir]

Hi Kongal,

My name is Tsvetomir and I will continue the thread. Based on the provided code snippets, I created a sample project that loads the data source from an external variable. However, it appears that the numbers within the pager are ordered in the correct order. Could you take a look at the sample below and perhaps, modify it in order to replicate the faulty behavior?

https://dojo.telerik.com/oLAlUKes

Looking forward to your reply.

 

Regards,
Tsvetomir
Progress Telerik

[Medhanth]

why do we need to give server paging and server sorting? Iam loading data in Js file

[Medhanth]

I suspect its because of any kendo version or custom methods its displaying twice

[Tsvetomir]

Hi Kongal,

The usage of serverSorting and serverPaging is not mandatory. The example that I used as a basis has had them already set up there. Nevertheless, they are options applied to the DataSource and not the pager. Here is the modified sample:

https://dojo.telerik.com/aTAGiBuk

I believe that there might be additional logic that is applied on top of the Kendo UI widgets that causes the issue with the pager. If you provide an example in which the defect could be observed, I will be happy to investigate it for you and get back with the respective suggestions.

 

Regards,
Tsvetomir
Progress Telerik

[Medhanth]

http://cdn.kendostatic.com/2015.3.1111/js/kendo.grid.min.js

 

does above one cause any issue to kendo grid

[Tsvetomir]

Hi Kongal,

As long as all of the CSS, JavaScript, and Kendo UI AngularJS versions are kept the same, then the pager of the grid should be rendered as expected. Here is a modified version of the Dojo from my previous response with the "2015.3.1111" version:

https://dojo.telerik.com/atoNIjIT

 

Regards,
Tsvetomir
Progress Telerik