I fixed the problem by move the this.verifyLayout(true); function call after show(). This will make sure that in positionButtons will be called.
Code:
startEditing: function(rowIndex, doFocus){
.........
// this.verifyLayout(true); //move this line to below
if(!this.isVisible()){
this.setPagePosition(Ext.fly(row).getXY());
} else{
this.el.setXY(Ext.fly(row).getXY(), {duration:0.15});
}
if(!this.isVisible()){
this.show().doLayout();
}
this.verifyLayout(true); //verifyLayout function moved to here so that the clientHeight can be calculated correctly
if(doFocus !== false){
this.doFocus.defer(this.focusDelay, this);
}
}
There is nothing to do with accordance. Check my previous screen shot with RowEditor.html example provided in the Ext examples. In that example, all I did is remove the editor for email field. Resize the email column and make sue it is small enough. You can see from the screen shoot the update button is right on top of the row.
I have already done as you explained previously, and again, based on that in the browser I tested with, I see no such behavior, based on the Ext version I am using.
I am using RC3 and Firefox 3.0. I also tested it in IE6, it has the same behavior.
You have to resize the email column to make sure it is small enough.
Originally Posted by mjlecomte
I have already done as you explained previously, and again, based on that in the browser I tested with, I see no such behavior, based on the Ext version I am using.