Hi HBA,

Thanks for your reply. Your solution seems really good, I'm trying to implement it in my project.

But, as you said, Usage of grid.getDivElement() doesn't work. I'm looking for another way to get the reference of the control showing scrollbar.

I will inform you on my progress.

You can try other properties like

(1)   grid.DivElement

(2)   grid.Element

(3)   grid.MainGrid

Or simply use IE Developer toolbar to identify the exact element having scroll bar.

Hi,

I tried this and finally found this solution :

    window.onload = function() {
   
        var grid  = document.getElementById("tclxPCGxxctl2xdgvStade1_main");
        grid.onScroll = GridScrolled();
    }
 
    function GridScrolled()
    {
        var grid1 = document.getElementById("tclxPCGxxctl2xdgvStade1_main");
        var grid2 = document.getElementById("tclxPCGxxctl2xdgvStade2_main");
        grid2.scrollLeft = grid1.scrollLeft ;
    }

This makes no errors but it doesn't work :(

I tried also

    window.onload = function() {
   
        var grid  = document.getElementById("tclxPCGxxctl2xdgvStade1");
        grid.onScroll = GridScrolled();
    }
 
    function GridScrolled()
    {
        var grid1 = document.getElementById("tclxPCGxxctl2xdgvStade1");
        var grid2 = document.getElementById("tclxPCGxxctl2xdgvStade2");
        grid2.scrollLeft = grid1.scrollLeft ;
    }

with the same result.

Have you got any idea ?

You need use InitializeLayout event in place of window onload event.

Also change this

grid.onScroll = GridScrolled;

Does your GridScrolled function trigger?

Here the issue is to get the exact id of the element.

What element you get when you use IE Developer tool bar?

If you can provide your grid setting then I can try it at my end also.

First thank you for your help,

IE Developer Tool Bar doesn't works, I can't explain why. I get the id of the element with firebug, but maybe taht's wrong.

One other problem is that I know how to launch C# code on an event (like InitializeLayout) but I don't know how to launch a javascript function.

I tried : oninitializelayout="BLOCKED SCRIPTdgvStade1_InitializeLayout();" but it's not correct.

You need to set client side event handlers in following way

<ClientSideEvents InitializeLayoutHandler="grid1_InitializeLayout">

You will get ClientSideEvents inside <DisplayLayout>.

Hi,

Thanks for sharing your solutions/samples on this issue. I need to implement the same thing - Horizontal scroll for 2 grids, but got not much help from IG priority supports. Thanks.

Hi

I am using the above mentioned logic in my application.

In my case I am able to scroll the other grids when I scroll the first grid. But in the first grid, scroll bar is moving but the grid is not scrolling.

Please help me.

Thanks

Naresh Thandu

Hi,

I'm in front of another problem. The rows of the both two grids move with the scrollbar but the columns' headers don't. Any idea to resolve it ?

Bye

I tried this code :

var grid1 = igtbl_getGridById("<%= dgvStade1.ClientID %>");

var grid2 = igtbl_getGridById("<%= dgvStade2.ClientID %>");

It seems to find my grids but their appearance is not correct after (the column and rows overflow from the grid).

For the moment I keep this solution which is working but you're right it's not a so good practice.

Hi,

Great…

Have you tried usage of following code which I posted in previous post?

var grid1 = igtbl_getGridById("<%= dgvStade1.ClientID %>");

var grid2 = igtbl_getGridById("<%= dgvStade2.ClientID %>");

What happened with above code?

I think it is wrong practices to provide element id in that way. Your page will stop working if your architecture get changes or any container in hierarchy gets renamed.

I think above code should work other wise you need to find some alternate way to get grid’s id.