Correct way to obtain component references?

[daubman]

When using Designer 1.2.2-48 exported code, which unfortunately doesn't adhere to the new MVC standards, what is the correct way to obtain references to components?

e.g. for the following code (view, not the ui) there are no getters created for the refs or stores:

Ext.define('LaunchEventWindow.view.MyViewport', {
    extend: 'LaunchEventWindow.view.ui.MyViewport',

    refs: [{
        // A component query
        selector: 'viewport > gridpanel',
        ref: 'lewGridPanel'
    }],

    stores: ['LaunchEvents'],

    initComponent: function() {
        var me = this;
        me.callParent(arguments);

        var myStore = getLaunchEventsStore(); //FAILS, does not exist

        var myPanel = getLewGridPanel(); //FAILS, does not exist
        console.debug(myPanel.getId());
    }
});

What is the correct way to get a reference to the viewport INSTANCE (or the gridpanel within the viewport) when not using the MVC code with the controllers, etc... as specified here:
http://docs.sencha.com/ext-js/4-0/#!/guide/mvc_pt3

[lorezyra]

Try this...

Ext.StoreMgr.lookup("lewGridPanel"); 

[lorezyra]

...
What is the correct way to get a reference to the viewport INSTANCE (or the gridpanel within the viewport) when not using the MVC code with the controllers, etc... as specified here:
http://docs.sencha.com/ext-js/4-0/#!/guide/mvc_pt3

Alternately, for components, you can still go old-school with Ext.getCmp()... You may notice many of the 4.0 examples still use the old 3.x logic and not so much the MVC scheme...