Can you help me

[twinkle]

Hi everybody,
I have a problem and want you to help me.
I have a js file which contains:tabpanel(center),west(tree),tbar(north),bbar(south).
I try to change only the tabpanel's tab when I click the tree leaves.
Now on everything is ok. When I click I call a class which I created before.
However, new tab only shows the title. My grid panel and elements are not loading the content of my new tab. Is it clear?
Since my code is very long I did not attach anything.
Thanks...

[evant]

Can't help if you don't post your code. If it's really long, try creating a smaller test case that illustrates your issue.

[twinkle]

OK then. This is main .js file:

tree.getSelectionModel().on("selectionchange", function(selModel, node){
        if (node.leaf) {
            var newTab;
            switch (node.attributes.url) {   
                case 'listGroupsByZone.html':
                    newTab = new Ext.ux.ListGroupsByZone();                    
                    break;
                    
            }
            centerPanel.add(newTab).show();        
        }
    }, this, true);

Ext.ux.ListGroupsByZone is:

 var zonePanel = new Ext.FormPanel({
        region: 'center',
        //baseCls : 'x-plain',
        frame: true,
        labelWidth: 150,
        labelAlign: 'right',
        items: [{
            title: langResStr_selectZoneAndSystemGroup,
            frame: true,
            layout: 'column',
            items: [{
                columnWidth: .5,
                layout: 'form',
                border: false,
                items: [{
                    xtype: 'combo',
                    id: 'cmbZone',
                    fieldLabel: langResStr_zone,
                    listWidth: '100% -10',
                    mode: 'local',
                    store: [[1, 'Item 1'], [2, 'Item 2'], [3, 'Item 3'], [4, 'Item 4']],
                    triggerAction: 'all',
                    lazyRender: true,
                    anchor: '100%'
                }]
            }, {
                columnWidth: .5,
                layout: 'form',
                border: false,
                items: [{
                    xtype: 'checkbox',
                    id: 'chkSystem',
                    fieldLabel: langResStr_systemGroup,
                    anchor: '50%'
                }],
            }]
        }, {
            bodyStyle: 'padding: 0px 0px 3px 0px'
        }, gridFnc()],
        buttons: [{
            id: 'btnOk',
            text: langResStr_ok,
            anchor: '50%'
        }],
        margins: '10px 10px 10px 10px'
    });
    return zonePanel;
}
and
Ext.ux.ListGroupsByZone = Ext.extend(Ext.Panel, {
    id: 'listGroupsByZoneCenterPanel',
    frame: true,
    title: langResStr_groupsByZone,
    closable: true,
    initComponent: function(){
        var zonePanel = zoneFnc();
        Ext.apply(this, {
            items: new Ext.Panel({
                title: langResStr_groupsByZone,
                layout: 'border',
                items: [zonePanel]
            }),
            margins: '3px 3px 3px 3px'
        });
        Ext.ux.ListGroupsByZone.superclass.initComponent.apply(this, arguments);
    }
});

Is it enough