Updating Portal to 4.0 with Viewport Override

[sppiii]

I am working on application that previously utilized the portal aspect of the ExtJS. I found this set of code that worked for ExtJS 3 (Provided in another ExtJS Forum a year or so ago):

Ext.override(Ext.container.Viewport, {
    initComponent : function() {
        Ext.container.Viewport.superclass.initComponent.call(this);
        this.el = Ext.get(this.el) || Ext.getBody();
        if (this.el.dom === document.body) {
            this.el.dom.parentNode.className += ' x-viewport';
        }
        this.el.setHeight = Ext.emptyFn;
        this.el.setWidth = Ext.emptyFn;
        this.el.setSize = Ext.emptyFn;
        this.el.dom.scroll = 'no';
        this.allowDomMove = false;
        this.autoWidth = true;
        this.autoHeight = true;
        Ext.EventManager.onWindowResize(this.fireResize, this);
        this.renderTo = this.el;
    }
});

And as for the Portal/Viewport Setup:

Ext.onReady(function(){
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    var viewport = new Ext.Viewport({
        el: "PaulsPortal",
        layout: 'anchor',
        items:[{
            xtype:'portal',
....................

Can someone help with the equivalent for ExtJS 4? I would like to use the draw function in the portlets can cant seem to have the two version interact efficiently.

[mitchellsimoens]

http://dev.sencha.com/deploy/ext-4.0...al/portal.html

This uses a Viewport

[sppiii]

I know it uses Viewport, and so does my old version. I just override the way it renders to the page.

Is there a way to render a Viewport to a DIV specifically with ExtJS4 versus the entire page like it does by default?

[mitchellsimoens]

Yeah, use a Container instead.

[sppiii]

I am a noob to ExtJS and with javascript in general. Can you provide an example using the ExtJS 4 source?