Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
sethuram
110
Problem with synchronized scrolling
posted

Hi,

I am using ultra web grid v8.1. I have 3 web grids in a panel, and I had written javascript function to scroll the first two grids when the 3rd grid is scrolled, horizontally. But when I scroll the 3rd grid the first two grids are scrolled with the header, but the 3rd grid rows are only scrolled, the header is fixed and not scrolling at all. When I am not calling the javascript method which achieves the synchronized scrolling then the 3rd grid scrolls properly with the header. Please find the snap shot of the screen attached. Please find the javascript function I used.

<script type="text/javascript">

function window.onload()

{

var grid3 = igtbl_getGridById("wpYear1xwbgDistribution2");var odivElem3 = grid3.DivElement

odivElem3.onscroll = year1scroll

}

function year1scroll()

{

var grid3 = igtbl_getGridById("wpYear1xwbgDistribution2");

var odivElem3 = grid3.DivElement

var grid1 = igtbl_getGridById("wpYear1xwbgDistribution");var odivElem1 = grid1.DivElement

 

var grid2 = igtbl_getGridById("wpYear1xwbgDistribution1");

var odivElem2 = grid2.DivElement

odivElem2.scrollLeft = odivElem3.scrollLeft

odivElem1.scrollLeft = odivElem3.scrollLeft

}

</script>

 Please advice me why this is behaving like this.

 

Thanks - Sethu

Issue with synchronized scroll in web grid.zip