How to scroll List page to the record that was edited

ASP.NET, PHP, Tutorials

When you have a long List page with dozens of records, editing or viewing a record on a separate can be cumbersome. After you edit or view a record, clicking 'Back to List' will display all the records from the top and you lost the position of the record you just edited. This simple technique will allow you to scroll the List page back to the original position and also it will highlight the record that was just edited or viewed.

To implement this feature in your project, add the following code to respective events.

List page --> Javascript onload event

window.onscroll = function() {
localStorage.setItem('scroll_value', window.pageYOffset);

window.scrollTo(0, localStorage.getItem('scroll_value'));
localStorage.setItem('scroll_value', 0);
var id = $("[href*='editid1="+localStorage.getItem("editid1")+"']:first").closest("tr").attr("id");

Add page --> Javasctipt onload event


Add page --> After Record Added event


$k = array_values($keys);
$pageObject->setProxyValue("editid1", $k[0]);
echo " ";


dynamic k = XVar.Array();
k = XVar.Clone(CommonFunctions.array_values((XVar)(keys)));
pageObject.setProxyValue(new XVar("editid1"), (XVar)(k[0]));
MVCFunctions.Echo(" ");

Edit page / View page --> Javascript onload event


Edit page / View page --> Bebore Display event




pageObject.setProxyValue(new XVar("editid1"), (XVar)(MVCFunctions.postvalue(new XVar("editid1"))));

This is it. Enjoy!

4 thoughts on “How to scroll List page to the record that was edited

  1. This is a GREAT feature, thank you very much!!!
    Is it possible to have the same functionality if you click on a details link page that then also returns you to the edited record when closed?

  2. Works great but only for one record. If you try to edit/view another record the scroll works but the highlight doesn’t,,,

Leave a Reply

Your email address will not be published. Required fields are marked *