reference container config inside items config

[michael.parrott]

I have a custom config that I want to reference inside the items config of a container. How do I do this?

Ext.define( 'App.view.View',{
	extend: 'Ext.Container',
	config:
	{
		model: null, //Custom config
		items:
		[
		{
			title: 'Nested View',
			xtype: 'view',
			record: this.getModel() //How do I reference my custom config model here?
		}
		]
	}
} );

[jerome76]

You can try something like this:

Ext.define('App.view.View',{
    extend: 'Ext.Container',
    config:
    {
         //...
    },
    initialize: function(){
        var me = this,
            c  = me.config;
        
        me.add({
            title: 'Nested View',
            xtype: 'view',
            record: c.model
        });
        
        me.callParent(arguments);
    }
});

You can set your custom model config when using Ext.create()

Ext.create('App.view.View', {
    model: //reference your model here
});