Move selectedRow into view

[Charles Goh]

I used radGrid to display my items, also I am using javascript to find a row and select a row when user type in textbox. The problems is if those row is outside a radgrid's view, how can I move scrollBar to the selectedRow by javascript (clientside)

[Shinu]

Hi,

You can scroll to the selected item using the following javascript.
JS:

function GridCreated(sender, eventArgs) {
 var scrollArea = document.getElementById(sender.get_element().id + "_GridData");
       var row = sender.get_masterTableView().get_selectedItems()[0];
       if (row) {
           if ((row.get_element().offsetTop - scrollArea.scrollTop) + row.get_element().offsetHeight + 20 > scrollArea.offsetHeight) {
               scrollArea.scrollTop = scrollArea.scrollTop + ((row.get_element().offsetTop - scrollArea.scrollTop) +
               row.get_element().offsetHeight - scrollArea.offsetHeight) + row.get_element().offsetHeight;
           }
           else if ((row.get_element().offsetTop - scrollArea.scrollTop) < 0) {
               scrollArea.scrollTop = row.get_element().offsetTop;
           }
       }
   }

Thanks,
Shinu

[Charles Goh]

I tried that code but it is not working. Just please tell me what javascript function can move scrollbar? Thank you.

[Charles Goh]

Hi Shinu,
I have retried and success with some small changes with your code.Thank you.