For testing purposes, I made 2 views. One that requires the other view. Now I want people to be able to open components multiple times as a tab, so I obviously have to assign unique ID's to each tab and element inside of the component, right?

My question is, how can I access one of the root properties in a view from say the docketItems object?
In the code below, it will cause an undefined `this.varindex` error at `id: 'accountSearchField' + this.varindex,`. varindex is dynamically assigned from the other component. (I hardcoded it in the example code below)

Note that I will not know the exact ID, so I can not use something such as `Ext.getCmp`. I could make use of `Ext.ComponentQuery.query('searchAccount')` but perhaps there is a better way to do this?

Listed below is a portion of the code that is required by my main component.

```
Ext.define('cp.views.search.Account', {     
    extend: 'Ext.panel.Panel',       
    xtype: 'searchAccount',
    varindex: "uniqueid_assigned_by_main_component",
    listeners: {
        beforerender: function(){
            this.id = 'panelSearchAccount' + this.varindex
        }
    },
    items: [
        {
            xtype: 'grid',
            store: {
                type: 'Account'
            },
            id: 'searchAccount' + this.varindex,
            columns: [
                ///
            ],
            dockedItems: [
            {
                xtype: 'fieldset',
                items: [
                    {
                        id: 'accountSearchField' + this.varindex,
                        xtype: 'searchfield'
                    }
                ]
            }]
        }
    ]
});

```