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

Grid buttons clicked make page scroll to the top in google chrome

5 Answers 122 Views
Grid
This is a migrated thread and some comments may be shown as answers.
IMF
Top achievements
Rank 1
IMF asked on 15 Mar 2017, 04:53 PM

Hello,

If I have a grid which fills more than the heigth of the screen, (if the grid doesn´t fill the whole height it works fine) for some reason when I click on the grids buttons it makes an annoying scroll to the top. It only happens in google chrome.

I attach a picture

 

Thank you

5 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 17 Mar 2017, 09:53 AM
Hello,

I was not able to reproduce the same issue on my end.

I made a Grid which is higher than the page and it does not scroll to the top of the page when a button is clicked:

http://dojo.telerik.com/OCemU

I can assume that based on a custom logic, the Grid may be re-rendered on a button click and the scroll position is reset.

Please check the following article demonstrating how to resolve this:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#restore-scroll-positions

If my assumption is not correct please send a fully runnable example reproducing the issue and I will gladly assist.

Regards,
Stefan
Telerik by Progress
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 (charts) and form elements.
0
IMF
Top achievements
Rank 1
answered on 24 Mar 2017, 09:33 AM

Hello,

Thank´s for your answer. It could be this the issue but the example that you are showing me is running in javascript, my issue is with asp .net mvc controls, I don´t know how to apply your solution.

 

Thank you

0
Stefan
Telerik team
answered on 28 Mar 2017, 06:34 AM
Hello,

The Same approach can be used in the MVC Grid, the only difference is how to assign the custom functions on the dataBound and the dataBinding events:

http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridEventBuilder#methods-DataBound(System.String)

http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridEventBuilder#methods-DataBinding(System.String)

The custom functions and variables still have to be done on the client using JavaScript.

Regards,
Stefan
Telerik by Progress
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 (charts) and form elements.
0
IMF
Top achievements
Rank 1
answered on 02 Jun 2017, 10:19 AM
[quote]Stefan said:Hello,

The Same approach can be used in the MVC Grid, the only difference is how to assign the custom functions on the dataBound and the dataBinding events:

http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridEventBuilder#methods-DataBound(System.String)

http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridEventBuilder#methods-DataBinding(System.String)

The custom functions and variables still have to be done on the client using JavaScript.

Regards,
Stefan
Telerik by Progress
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 (charts) and form elements.

[/quote]

Hello,

I have tried your solution but didn´t help. I have been realing forum topics and I found an issue very similar to mine:

http://www.telerik.com/forums/grid-selection---screen-jumps-scrolls

 

It looks like a kendo bug, I don´t know if it´s solved yet.

 

Thank you!

0
Stefan
Telerik team
answered on 06 Jun 2017, 06:14 AM
Hello,

If this is indeed that same behaviour as discussed in the linked forum, it is currently not changed. The change as described by my colleague can result in breaking change and we would like the community opinion on this topic which can be shared in our feedback portal:

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback

Apologies for the inconvenience this may cause you.

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 (charts) and form elements.
Tags
Grid
Asked by
IMF
Top achievements
Rank 1
Answers by
Stefan
Telerik team
IMF
Top achievements
Rank 1
Share this question
or