OnRowOut doesn't work as I wish

[aminef]

I am having a column in my grid that contains a button, this button is visible after onRowOver and hidden after onRowOut from my gridView :

http://img20.imageshack.us/i/mouseover.jpg/


@Override
protected void onRowOver(Element row) {
super.onRowOver(row);
int rowIndex = findRowIndex(row);
//take last column
Button b = (Button) getWidget(rowIndex,getColumnData().size()-1);
wb.setVisible(true);
}
@Override
protected void onRowOut(Element row) {
super.onRowOut(row);
int rowIndex = findRowIndex(row);
final Button b = (Button) getWidget(rowIndex,getColumnData().size()-1);
b.setVisible(false);
b.addListener(Events.OnMouseOver, new Listener<BaseEvent>() {
@Override
public void handleEvent(BaseEvent be) {
b.setVisible(true);
}
});
}

but of course when my mouse cursor is over the button, it's considered as Out of the Row (onRowOut ==> not visible anymore) so I tried to keep it visible when my mouse is over this button, but I am still having issues doing it.

Any ideas?

[sven]

Edited my post.

Which version of GXT are you using?

[aminef]

hmmm I see...
Thank you sven, I will try to implement it by myself in that case. I will keep the thread updated if anything is done from my side.

[sven]

Which version of GXT are you using?

You probably also need to increase the rowselectordepth, as the button adds markup. There is a setter on the view.

[aminef]

I am using the 2.2.0
and what I did is basically the opposite algorithm (when you have onRowOver and onRowSelect, you hide the other buttons from other rows)

here is the code of my customized GridView if anyone is interested (I do the same onRowSelect)


protected void onRowOver(Element row) {
super.onRowOver(row);
for(int i = 0; i < getRows().getLength(); i++){
Button b = (Button) getWidget(i,getColumnData().size()-1);
b.setVisible(false);
}
int rowIndex = findRowIndex(row);
//take last column
Button b = (Button) getWidget(rowIndex,getColumnData().size()-1);
b.setVisible(true);
}

[sven]

As you use GXT 2.2.X you simple need to increase the rowselectordepth and should not need any further workarounds

[aminef]

What does rowselectordepth exactly reflect?
If I set it to a higher value, will it look at the button as a part of the row? (so no more confusion on the onRowOut?)

[sven]

If I set it to a higher value, will it look at the button as a part of the row? (so no more confusion on the onRowOut?)

Yes

[aminef]

Sorry sven, but I am not able to find any help/documentation about what exact effect the value change of rowselectordepth has. Would you mind giving me a link on a thread already open on the forum, or an outside link to check it out?
I couldn't find anything on the forum

[sven]

It sets the maximum depth an element can have so it still counts as part of the row.

[aminef]

I just set it to 25 and it works fine perfectly!
but I am sorry to ask the same question one more time ( I didn't really understand the 1st explanation) : rowselectordepth is the max number of elements a row can contain/affect during an event handeling?

[sven]

Its the total count it walks up the dom tree until it reaches the row element. If its not high enough, it maybe does not walk up enough and so never finds the row element.

[aminef]

Thank you so much sven!