<script>
var obj = new AW.UI.Grid;
obj.setCellData(function(col, row){return col + "." + row});
obj.setHeaderText("header");
document.write(obj);
window.setTimeout("InitialScrollPOS();", 400);
function InitialScrollPOS(){
obj.setColumnCount(54);
obj.setRowCount(150); //real rows
obj.setCurrentColumn( obj.getColumnCount()-1);
obj.refresh();
}
</script>
<style>
#Mygrid2 .aw-bars-spacer {height: 0px!important;}
</style>
<script>
var grid1 = new AW.UI.Grid;
grid1.setId('Mygrid1');
grid1.setCellText(function(i, j){return j + "-" + i});
grid1.setHeaderText(function(i){return i});
grid1.setRowCount(100);
grid1.setColumnCount(0);
grid1.setControlSize(20, 200);
grid1.setScrollBars("horizontal");
var grid2 = new AW.UI.Grid;
grid2.setId('Mygrid2');
grid2.setCellText(function(i, j){return j + "-" + i});
grid2.setHeaderText(function(i){return i});
grid2.setRowCount(100);
grid2.setColumnCount(8);
grid2.setControlSize(500, 200);
grid1.getScrollTemplate().setEvent('onmouseover', domo1);
function domo1(){
grid1.onScrollTopChanged = function(value){grid2.setScrollTop(value)};
grid2.onScrollTopChanged = function(value){return false}
}
grid2.getScrollTemplate().setEvent('onmouseover', domo2);
function domo2(){
grid2.onScrollTopChanged = function(value){grid1.setScrollTop(value)};
grid1.onScrollTopChanged = function(value){return false}
}
document.write(grid1);
document.write(grid2);
</script>
This topic is archived.