Hi,

I am trying to add items to a custom component, but I cannot grab these items as a controller ref.

I would like to be able to get the items like:
Ext.Viewport.down('#myLaterAddedItem');

Here is how I add the items to the custom component:

Code:
Ext.define('Ext.mgd.DropDown', {
    extend: 'Ext.Component',
    xtype: 'buttondropdown',

    config: {
        itemsContainer: {
            cls: 'x-dropdown-container',
            items: []
        },

        items: []
        },

        getElementConfig: function () {
             return {
                 reference: 'element',
                 classList: ['x-unsized']
             }
        },

    applyItemsContainer: function (config) {
        return Ext.factory(config, Ext.Container, this.getItemsContainer());
    },

    updateItemsContainer: function (newContainer, oldContainer) {
        var me = this;
        if (newContainer) {
            newContainer.add(this.getItems());
            newContainer.renderTo(this.element);
            newContainer.setParent(me);
        }
        else if (oldContainer) {
            oldContainer.destroy();
        }
    },

    initialize: function () {
        this.callParent(arguments);
    }
});
What am I doing wrong?