I'm absolutely new to extjs.

I want to include a "complex" Layout within a DIV. So the Layout should have two regions (west and center). The west-DIV should be collapsible.

As I understood it is only possible with a viewport. But how to include a Viewport within a panel. Cause I read that a viewport is always for the whole browser-window.

At the moment I've got the following code:

Simple = function() {
            return {
                init : function() {
                    new Ext.Panel({
                    items: [{
                            region: 'west',
                            collapsible: true,
                            title: 'Navigation',
                            width: 200
                            // the west region might typically utilize a TreePanel or a Panel with Accordion layout
                        }, {
                            region: 'center',
                            xtype: 'tabpanel', // TabPanel itself has no title
                            items: {
                                title: 'Default Tab',
                                html: 'The first tab\'s content. Others may be added dynamically'
        Ext.EventManager.onDocumentReady(Simple.init, Simple, true);
But thats not want I really want

Thanks for your help!