<html>
<head>
<script src="/ActiveWidgets253/runtime/lib/aw.js"></script>
<link href="/ActiveWidgets253/runtime/styles/aqua/aw.css" rel="stylesheet"></link>
<style>
.aw-system-control {position: absolute}
.aw-grid-row { border-bottom: 1px solid #ccc;}
.aw-alternate-even {background: #fff;}
.aw-alternate-odd {background: #eee;}
.aw-mouseover-row {background: #c0c0c0;}
.aw-mousedown-row {background: #999;}
.aw-rows-selected {background: #316ac5; color: white;}
.aw-rows-selected .aw-grid-cell {background: none!important; color: white!important;}
#grid { width: 800px; height: 400px; }
</style>
</head>
<body>
<script>
function mySort(index, direction) {
alert("index: "+index+", dir: "+direction);
}
var grid = new AW.Grid.Extended();
grid.setId( "grid");
grid.setVirtualMode(false);
grid.setSelectorText(function(i){return this.getRowPosition(i)+grid.getHeaderCount();});
grid.setSelectorVisible(true);
grid.setSelectorResizable(true);
grid.setSelectorWidth(25);
grid.setSelectionMode("single-row");
grid.setHeaderText(["col1", "col2", "col3", "col4"]);
grid.setColumnCount(4);
grid.setRowCount(25);
grid.setCellText(function(c,r){return "R"+r+"C"+c;});
grid.setHeaderCount(5);
grid.setHeaderText(function(c,r){return "H:R"+r+"C"+c;});
grid.setTopText(function(i){return (i==0 ? "" : i);});
document.write(grid);
</script>
</body>
</html>
<html>
<head>
<script src="/ActiveWidgets253/runtime/lib/aw.js"></script>
<link href="/ActiveWidgets253/runtime/styles/aqua/aw.css" rel="stylesheet"></link>
<style>
.aw-grid-row { border-bottom: 1px solid #ccc;}
.aw-alternate-even {background: #fff;}
.aw-alternate-odd {background: #eee;}
.aw-mouseover-row {background: #c0c0c0;}
.aw-mousedown-row {background: #999;}
.aw-rows-selected {background: #316ac5; color: white;}
.aw-rows-selected .aw-grid-cell {background: none!important; color: white!important;}
#grid { width: 800px; height: 400px; }
</style>
</head>
<body>
<script>
var grid = new AW.Grid.Extended();
grid.setId( "grid");
grid.setVirtualMode(false);
grid.setSelectorText(function(i){return this.getRowPosition(i)+grid.getHeaderCount();});
grid.setSelectorVisible(true);
grid.setSelectorResizable(true);
grid.setSelectorWidth(25);
grid.setSelectionMode("single-row");
grid.setColumnCount(4);
grid.setRowCount(5);
grid.setCellText(function(c,r){return "R"+r+"C"+c;});
grid.setHeaderCount(5);
grid.setHeaderText(function(c,r){return "H:R"+r+"C"+c;});
grid.setTopText(function(i){return (i==0 ? "" : i);});
grid.getCellTemplate().setStyle("background-color", function() {
return this.getCellProperty("bgcolor");
});
grid.defineCellProperty("bgcolor", function(col, row) {
if (col == 1 || row == 1) {
return "red";
}
});
document.write(grid);
</script>
</body>
</html>
This topic is archived.