Columns move to extreme left when resizing to right in Grid.Extended

Hi.

I have implemented an exteneded grid with the first three column fixed via setFixedLeft. I also made the first column to be non resizable via CSS.

Now the problem is that when I resize say the second column and drag it right, over the 3rd columns right border, all three columns scroll left off screen and disappears.

Is this a bug ? Can it be fixed.

thanks

Okay so it's even worse. When I try to resize the fixed column, ie. the third column to the right, it scrolls left and the headers just disappear.

Francois,

Are you using the final 2.0 release (and not beta/rc)?

Hmmm not sure, how can I find out. I inherited a project and I don't know what version of the software is running. It also seems that this problem only shows up on Mozilla. I tested it on the latest release ie. Mozilla 1.7. I found that I if I have a obj.getHeaderTemplate().refresh(). It seems to work.

Thanks Alex.

The first comments line in aw.js should be ActiveWidgets 2.0 Standard Edition. It looks like this is a bug which was in 2.0 beta but was fixed in 2.0 final release.

*****************************************************************

ActiveWidgets 2.0 Standard Edition
Copyright (C) 2003-2005 ActiveWidgets Ltd. All Rights Reserved.
http://www.activewidgets.com/

WARNING: This software program is protected by copyright law
and international treaties. Unauthorized reproduction or
distribution of this program, or any portion of it, may result
in severe civil and criminal penalties, and will be prosecuted
to the maximum extent possible under the law.

*****************************************************************/

Yes, this is the correct version. Sorry, I did not notice that you are talking about Mozilla here - I can reproduce the bug on Firefox 1.0.7 which should be equivalent to Mozilla 1.7 (while it works fine on Firefox 1.5).

Yep. Thanks. Just another weird one. I have a select all checkbox right and I do the selecting like this :

headerCheckboxTemplate.onToggleClicked = function(event, value, row)
{
var myValue = grid.getHeaderValue(<%= columnVector.indexOf("nop".toLowerCase()) %>, 0);
myValue = !myValue;
grid.setHeaderValue(myValue, <%= columnVector.indexOf("nop".toLowerCase()) %>, 0);
grid.getHeaderTemplate().refresh();
var template = grid.getCellTemplate(<%= columnVector.indexOf("nop".toLowerCase()) %>);
template.raiseEvent("onToggleClicked", 0, myValue, -1);
grid.sort(sortColumn, sortDirection);
grid.getRowTemplate().refresh();
didCheckAll = true;
};

checkboxTemplate.onToggleClicked = function(event, value, row)
{
var rowIndex = grid.getRowIndices();

if (row == -1)
{
for (i = 0; i != rowIndex.length; ++i)
{
var reference = grid.getCellValue(<%= columnVector.indexOf("nop".toLowerCase()) %>, rowIndex[i]);
if (reference != value)
{
grid.setCellValue(value, <%= columnVector.indexOf("nop".toLowerCase()) %>, rowIndex[i]);
grid.setRowSelected(value, rowIndex[i]);
}
}
}
else
{
var myValue = grid.getCellValue(<%= columnVector.indexOf("nop".toLowerCase()) %>, row);
grid.setCellValue(!myValue, <%= columnVector.indexOf("nop".toLowerCase()) %>, row);
grid.setRowSelected(!myValue, row);
var count = 0;
var reference = grid.getCellValue(<%= columnVector.indexOf("nop".toLowerCase()) %>, row);
for (i = 0; i != rowIndex.length; ++i)
{
if (reference == grid.getCellValue(<%= columnVector.indexOf("nop".toLowerCase()) %>, rowIndex[i]))
count++;
}

if (count == rowIndex.length)
{
grid.setHeaderValue(true, <%= columnVector.indexOf("nop".toLowerCase()) %>, 0);
didCheckAll = true;
}
else
{
grid.setHeaderValue(false, <%= columnVector.indexOf("nop".toLowerCase()) %>, 0);
didCheckAll = false;
}
grid.refresh();
grid.sort(sortColumn, sortDirection);
}
};

Now while this works perfectly in Mozilla, Firefox, in IE, everything just goes blank. All the headers are lost and all the rows are selected, but the text and checkboxes disappear.