Hi,

I've got a tree on the left (west region) and when clicking on an item, I want to reload the 'center' region depending on the item clicked.
When I click several times on the node that is loaded by default, the view get replaced all the time (by itself) without a problem.
When I click on another node that is not (yet) visible, the view gets replaced by the view that I want. So far so good.
When I click the same node or the previous node, I get an exception. The 'removeAll' is performed, as I only see a blank view (container). But nothing is loaded...

My 'replace' code:
PHP Code:
        if (showPanel.length 0) {
            var 
tmp Ext.getCmp('slt_container');
            
tmp.removeAll();
            
tmp.add({ xtypeshowPanel });
            
tmp.doLayout();
        } 
Where showPanel is a xtype (view) named: 'slt_seasonleagues' or 'slt_leagueteams'.
Both exists and are constructed the same way:
PHP Code:
Ext.define('EX.view.seasonleagueteam.SeasonLeagues_List', {
    
extend'Ext.container.Container',
    
alias 'widget.slt_seasonleagues',

    
layout'border',

    
items: [
        {
            
xtype'seasonview'
            
,region'north'
            
,bordertrue
        
},
        {
            
xtype'leaguelist'
            
,region'center'
            
,stateId'stateLeagueLeague'
        
}
    ],

    
initComponent: function() {

        
this.callParent(arguments); 
    } 
}); 

The error in FF4:
uncaught exception: [Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMHTMLDivElement.insertBefore]" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: http://localhost/ext-4.0.0/ext-all-debug.js :: <TOP_LEVEL> :: line 15532" data: no]
http://localhost/ext-4.0.0/ext-all-debug.js/eval/seq/36
Line -16549

In Chrome11:
Uncaught Error: NOT_FOUND_ERR: DOM Exception 8
Ext.define.moveItem ext-all-debug.js:15532
Ext.define.renderItems ext-all-debug.js:24610
Ext.define.beforeLayout ext-all-debug.js:15470
Base.callParent ext-all-debug.js:2700
Ext.define.beforeLayout ext-all-debug.js:15660
Base.callParent ext-all-debug.js:2700
Ext.define.beforeLayout ext-all-debug.js:24045
Ext.define.layout ext-all-debug.js:15454
Ext.define.doComponentLayout ext-all-debug.js:19915
Ext.define.setCalculatedSize ext-all-debug.js:19894
Ext.define.setItemSizeext-all-debug.js:21725
Ext.define.layoutItem ext-all-debug.js:27409
Ext.define.calculateChildBoxes ext-all-debug.js:30711
Ext.define.onLayout ext-all-debug.js:30961
Ext.define.onLayout ext-all-debug.js:80907
Ext.define.layout ext-all-debug.js:15456
Base.callParent ext-all-debug.js:2700
Ext.define.layout ext-all-debug.js:21716
Ext.define.doContainerLayout ext-all-debug.js:15853
Ext.define.afterLayout ext-all-debug.js:15866
Ext.define.layout ext-all-debug.js:15460
Ext.define.doComponentLayout ext-all-debug.js:19915
Ext.define.setCalculatedSize ext-all-debug.js:19894
Ext.define.setItemSize ext-all-debug.js:21725
Ext.define.setItemBox ext-all-debug.js:56397
Ext.define.onLayout ext-all-debug.js:56380
Ext.define.layout ext-all-debug.js:15456
Base.callParent ext-all-debug.js:2700
Ext.define.layout ext-all-debug.js:21716
Ext.define.doLayout ext-all-debug.js:27656
Ext.define.add ext-all-debug.js:27792
Ext.define.enableButtons SeasonsLeaguesTeams.js:76
fire ext-all-debug.js:10287
Ext.define.dispatch ext-all-debug.js:24712
Ext.override.fireEvent ext-all-debug.js:24687
(anonymous function) ext-all-debug.js:13485
fire ext-all-debug.js:10287
Ext.define.fireEvent ext-all-debug.js:13314
Ext.override.fireEvent ext-all-debug.js:24686
Ext.define.processUIEvent ext-all-debug.js:66331
Ext.define.handleEvent ext-all-debug.js:66271
anonymous:5
wrap ext-all-debug.js:10730


Anyone got an idea?

Thanks in advance,
Maurice.