PDA

View Full Version : itemclick issue in ie9 with tree view



Anthony.Hall
18 Nov 2011, 7:58 AM
I am experiencing a weird issue in ie9. When i click an item in the treeview. the whole treeview panel scrolls up so that is at the top of the page. I'm using ext4


var tree = Ext.create('Ext.tree.Panel', {
title: 'Core Team Projects',
width: 200,
height: 500,
renderTo: 'tree-example',
rootVisible: false,
store: store,
multiSelect: false,
singleExpand: true,
listeners: {
itemclick: function (node, event) {
// this causes the tree view to scoll.
}
},
columns: [{
xtype: 'treecolumn',
text: 'Task',
flex: 2,
sortable: true,
dataIndex: 'task'
}]
});

image1: this is how the page looks when it intially loads.
29405

image2: When i click in IE9 the page scrolls to the op of the tree view

29406

mitchellsimoens
18 Nov 2011, 2:38 PM
What version of Ext JS 4 are you using?

Anthony.Hall
19 Nov 2011, 2:55 AM
Ext JS 4.0.2

Anthony.Hall
21 Nov 2011, 1:33 AM
just tried with ext 4.0.7 and the same issue occurs.

blaise_barbe
5 Dec 2011, 4:57 AM
I have the exact same issue with Chrome 15 and couldn't figure out what was going on.
The parameters for the Tree-panel are the same as Anthony's, or at least I've reduced my application to his parameters and the behaviour is the same.
I'm using Ext JS 4.0.2a.
Any fix or update ?

tobiu
5 Dec 2011, 5:49 AM
is this also happening with the 4.1 PR version?

blaise_barbe
5 Dec 2011, 6:16 AM
Nop, just downloaded it and tested it, it still "jumps", ie. the windows scrolls down so as to have the top of the tree at the top of the window.
Please note that my treeview is larger than the window height and that this behaviour does not happen when the tree is smaller than the window height !

More info :
When I try the following example in Chrome :
http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tree/reorder.html
(http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tree/reorder.html)And I shrink my browser window so as to hide the bottom half of the tree panel, and then I click on 'button' (the folder image or the text) : the panel jumps up.
If I try again (without reloading the page, just scroll back to the top and re-click) : the panel does not jump.
If I expand a folder before I try to click, the panel does not jump.

Maybe this behaviour is intentional, in which case, can we disable it ?
Blaise

ritesh.patel
14 Jun 2012, 6:02 PM
Does anybody have answer to this question? I am experiencing the same issue. If it's an intended behavior then is there a solution to it? Any help is truly appreciated.

Thanks,

Ritesh

cruisencode
19 Mar 2013, 10:11 AM
I just started to notice this behavior in Ext JS 4.2. I did not experience this is 4.1.1a.

Does anyone know what causes this or how to resolve it?