I certainly understand that. My current code is still "stuck" in 3.4 as well, partially because 4 was released right in the middle of our development cycle. I took a quick attempt to convert to 4, but even using the compatibility/conversion tools, it really didn't work the same. And I am the only one on my team with really any JS (let alone ExtJS) experience to try to update our front-end UI. Since then the other member of my team had left, so I'm juggling both sides of the code, with no time to dedicate to upgrade. And as time goes by, I keep digging myself further and further in the hole by adding more code that will eventually need to be upgraded.
Originally Posted by joeri
I'm not sure if I posted this anywhere before, but if anyone is interested, I did manage to implement having the collapsed region fly-out on hover (doesn't need to be a treePanel, any panel should work):
navPanel = new Ext.tree.TreePanel
,margins:'0 3 3 3'
,loader:new Ext.tree.TreeLoader() // config removed for brevity
,root:new Ext.tree.AsyncTreeNode() // config removed for brevity
var region = c.ownerCt.layout[c.region];
// have to call this so that the dom elements are created!
var ce = region.getCollapsedEl();
// enable the Collapse/Expand tool tips
// enable the slide-out on hover over collapsed area
p.toggleTip.text = 'Collapse';
p.toggleTip.text = 'Expand';
// Hide the slide-out nav panel once we click on something within it