:: Forum >>

Data Rows not scrolling...

can anyone tell me what I am doing wrong? I have 32 rows of data, rows 1 .. 22 are showing as is the vertical scroll bar per my grid object size. but scrolling down only refreshes rows 1..22. This problem cropped up when porting from AW v1.0 to v2.0b4

I have a live example of my problem at:

http://technospecs.com/awscrollproblem.htm

relevent code (I think):

<code>

try {
var obj= new AW.UI.Grid;
var str = new AW.Formats.String;
var num = new AW.Formats.Number;
obj.setCellFormat([num, str, str, num, num, str, str, str, str, str, num, num, num, str, str, str, str]);

// Data grid size (X,Y) ** Correct **
obj.setColumnCount(17);
obj.setRowCount(32);
// Header Names **OK**
obj.setHeaderText(function(c){return obj_columns[c]});
// Cell Data **Does not scroll??**
// obj.setCellText(function(c, r){return obj_data[r][c]});
obj.setCellText(obj_data);

// post aw grid
document.write(obj);
}
catch (error){
document.write(error.description);
}
</code>
Ron
Monday, January 23, 2006
I just noticed it seems to be associated with a default onMouseOver event... If I:

1) scroll all the way down
2) sort 2 times by my Idx field

I can then see the last rows of data. However as soon as I move my mouse over a grid border or control the data redraws to rows 1..22.
Ron
Monday, January 23, 2006
It is never as simple as it first seems :) I still suspect it is mouse event related, but I also get the redraw of Rows 1..22 during some other mouse movement events.
Ron
Monday, January 23, 2006
Ron,

it seems that your code is correct but the problem is related to the grid not working well inside the table. Try setting the grid height to 400px instead of 100% - this seem to fix scrolling issue.

Sorry, I don't have yet reliable solution for the 'grid inside table' problem. In most cases it helps adding style="table-layout:fixed" to the table but with your example it did not work.
Alex (ActiveWidgets)
Monday, January 23, 2006
Thanks Alex! - changing the grid to a fixed height did solve it for me :)

<style>
        .aw-grid-control {height: 400px; width: 100%; margin: 0px; border: none; font: menu;}
</style>
Ron
Monday, January 23, 2006

This topic is archived.


Back to support forum

Forum search