Alex,i have a grid refresh problem.please help me.

these test code come from examples\grid\basic.html.
when click first row, you will see the error.

<html>
<head>
<title>ActiveWidgets Grid :: Examples</title>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>


<link href="../../runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
<script src="../../runtime/lib/grid.js"></script>


<style>
.active-controls-grid {height: 100%; font: menu;}

.active-column-0 {width: 80px;}
.active-column-1 {width: 200px;}
.active-column-2 {text-align: right;}
.active-column-3 {text-align: right;}
.active-column-4 {text-align: right;}

.active-grid-column {border-right: 1px solid threedlightshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
</style>


<script>
var myData = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"]
];

var myColumns = [
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
];
</script>
</head>
<body>
<script>

// create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;

// set number of rows/columns
obj.setRowProperty("count", function(){return myData.length});
obj.setColumnProperty("count", 5);

// provide cells and headers text
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setColumnProperty("text", function(i){return myColumns[i]});

// set headers width/height
obj.setRowHeaderWidth("28px");
obj.setColumnHeaderHeight("20px");

// set click action handler
obj.setAction("click", function(src){this.refresh();alert('aaa')});
obj.setSelectionIndex(0);

// write grid html to the page
document.write(obj);

</script>
</body>
</html>

Try moving:
obj.setSelectionIndex(0);
to a position after :
document.write(obj);

thanks
i tryed and the grid display ok.
i will pay attention to my program.
but i think the real problem is in the grid.refresh().
why don't make grid perfect.

Forum search