PDA

View Full Version : extjs 4.1 page scrolls to top of grid in internet explorer on row update



Anthony.Hall
25 Jul 2012, 4:19 AM
On my grid i'm using rowediting.


if using Internet explorer 10 ( probably the other versions too ) and the page has scrollbars


When i edit a row and click "update" the page scrolls up to the start of the grid.


This issue is quite well documented on ( though not specifically on 4.1 ).


I've seen fixed that override rowModel like this



Ext.override(Ext.selection.RowModel, {
onRowMouseDown: function(view, record, item, index, e) {
// view.el.focus();
this.selectWithEvent(record, e);
}
});
I've also seen adding the following to the grid.



selModel: Ext.create('Ext.selection.Model', { listeners: {} }),
Neither of these options worked for me.

scottmartin
25 Jul 2012, 4:53 AM
I do not see this behavior in IE8/IE9, chrome, FF using the following example:
http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/row-editing.html

Scott.

Anthony.Hall
25 Jul 2012, 5:42 AM
1) i couldn't get that example working on ie9 on 2 machines ( one is clean windows install ) it keeps getting confused by the compat mode

2) as for chrome i was able to recreate my scrolling issue.

try this on PC

1) http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/row-editing.html
2) minimize window.
3) sort by name so that "bill black is first"
4) align bottom of window so it sits below "bob foot"
5) edit "bill lewis " to "bill lewis la la la "
6) click update

on update the page jumps slightly for me