[HELPED] Build your own portal ?

[mwmayer4]

I'm trying to develop a Sencha portal app similar to the Valence portal but without all the many extras. It needs to run as a stand-alone app outside of the Valence portal...

It has a menu button which will launch other MVC apps inside the border layout in tabs. I've banged away at it for a good while but haven't found the right combo to get it to work.

I've gotten as far as seeing in the console where after selecting a menu item, the associated MVC app html being loaded, but it crashes (never fully loads all the .js) and launches in the current window over the portal...

Here's what I tried (obviously it must be more complicated):

Ext.define('Portal.controller.Main', {
    extend: 'Ext.app.Controller',
	refs: [{
		selector: 'viewport',
		ref: 'Viewport'
	}],

	init: function() {

		this.control({
			'#vp-north-button1': {
				testbutton1: this.onTestbutton1
			}
		});
	},

	onTestbutton1: function() {
		var vp = this.getViewport().down('#center-region');
		vp.add({
			layout: 'fit',
			closeable: true,
			title: 'added',
			plain: true,
			itemId: 'added1',
			items: [{
				loader: {
					url: '/internet/rvi/imageinquiry/app/index.html',
					autoLoad: true,
                                        scripts: true,
                                        contentType: 'html',
                                        renderer: 'html'
				}
			}]
		});
		vp.setActiveTab('added1');
	}
});

any hints, clues, suggestions would be appreciated...

[eweiler]

vp.add({
                        layout: 'fit',
                        closeable: true,
                        title: 'added',
                        plain: true,
                        itemId: 'added1',
                        items: [{
                                loader: {
                                        url: '/internet/rvi/imageinquiry/app/index.html',
                                        autoLoad: true,
                                        scripts: true,
                                        contentType: 'html',
                                        renderer: 'html'
                                }
                        }]
                });

What kind of item are you putting in your viewport?
And what kind of item are you trying to put in the item you are putting in your viewport? (The one with the loader config?)

[mwmayer4]

I'm adding a tab to the viewport and the "item" is another MVC app...
not sure what you mean?

[eweiler]

I'm not sure if this will end up working as you want it to or not, but for starters you don't have xtypes on those config objects, so they will be the default for the parent components.

If I understand correctly, this is outside of Valence Support.