This is a migrated thread and some comments may be shown as answers.

Ken-do Grid current Page disable

10 Answers 69 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Medhanth
Top achievements
Rank 1
Veteran
Medhanth asked on 11 May 2020, 12:28 PM
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. 

10 Answers, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 13 May 2020, 09:03 AM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Medhanth
Top achievements
Rank 1
Veteran
answered on 13 May 2020, 11:19 AM
 $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,

        });


    };
0
Medhanth
Top achievements
Rank 1
Veteran
answered on 13 May 2020, 11:21 AM

Please find the code which i have already posted.

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

0
Medhanth
Top achievements
Rank 1
Veteran
answered on 13 May 2020, 07:10 PM
code has copied multiple times. hope you can understand that
0
Tsvetomir
Telerik team
answered on 15 May 2020, 09:57 AM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Medhanth
Top achievements
Rank 1
Veteran
answered on 15 May 2020, 10:30 AM
why do we need to give server paging and server sorting? Iam loading data in Js file
0
Medhanth
Top achievements
Rank 1
Veteran
answered on 15 May 2020, 12:12 PM
I suspect its because of any kendo version or custom methods its displaying twice
0
Tsvetomir
Telerik team
answered on 15 May 2020, 02:01 PM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Medhanth
Top achievements
Rank 1
Veteran
answered on 15 May 2020, 02:46 PM

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

 

does above one cause any issue to kendo grid

0
Tsvetomir
Telerik team
answered on 19 May 2020, 11:50 AM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
Grid
Asked by
Medhanth
Top achievements
Rank 1
Veteran
Answers by
Svet
Telerik team
Medhanth
Top achievements
Rank 1
Veteran
Tsvetomir
Telerik team
Share this question
or