PDA

View Full Version : [INFOREQ][4.0.0] Ext.panel.Panel -> animCollapse



tobiu
1 May 2011, 2:34 PM
hi team,

according to the api, the config is set to true by default.
this works fine for borderlayout-regions as long as i include the ext-all-debug.js.

with ext-debug.js it seems to be set to false.
i can set it manually to true then it works.

but i get firebug error messages quite often when collapsing:



[Break on this error] out = (v = el.style[prop]) ? v :
ext-debug.js (Zeile 13203)



kind regards
tobiu

evant
1 May 2011, 10:26 PM
The docs don't say it's true by default:



(defaults to true if the Ext.fx.Anim class is available, otherwise false)


So, for example if you use:



Ext.require('Ext.fx.Anim');

Ext.onReady(function() {
Ext.create('Ext.panel.Panel', {
width: 200,
height: 200,
renderTo: document.body,
collapsible: true
});
});


Then animations will be enabled by default.

As to your second point, I'm not seeing any issues, can you elaborate?



Ext.onReady(function(){
Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [{
region: 'center'
},{
region: 'east',
width: 200,
collapsible: true,
animCollapse: true
}]
});
});

tobiu
1 May 2011, 10:58 PM
hi evan,

when using


Ext.require('Ext.fx.Anim');


above my app it works. when using the require-config on top level of my app, expanding / collapsing works without animation, unless i manually set it to true (then it also works).



Ext.application({
name : 'SD',

requires : [
'Ext.fx.Anim'
],

controllers : []
});


i will pm you a testcase for the js-bug.


best regards
tobiu