Question

Let’s say I have a JS in one file that creates a Viewport:

Ext.create('Ext.container.Viewport', {
    layout: 'border',
    items: [
        {
            region: 'center'
        }, 
        ...
    ]
});

Now let’s say I have another JS file that loads subsequently with this component definition:

{
    contentEl: 'content',
    height: '100%'
}

How do I add that component with contentEl: 'content' to the 'center' region?

Answer 1

var viewpoert = Ext.create('Ext.container.Viewport', {
    layout: 'border'
});

anoter file;

var contentEl = Ext.Create('Ext.Something.What.You.Want', {
     region: "center"
});

finally:

viewport.add(contentEl);