如何使用“ ref”属性-EXTJS从父组件访问子组件

Question

如何从父组件访问子组件：

代码：

(function() {
    var NS = Q.Util.namespace('path');
    var $cls = NS.SomeComp = function(cfg) {
        $cls.superclass.constructor.call(this, Ext.apply({
            steps: [{
                name: $L('ABC')
            }, {
                name: $L('ABC Def'),
                ref: "abcDef",
                view: {
                    cls: path.Mycomponent
                },
                edit: {
                    cls: path.Mycomponent
                },
                create: {
                    cls: path.Mycomponent
                }
            }])
        }, cfg));
    };
    Ext.extend($cls, ExtendingComponnet, {
        init: function() {
            this.steps.filter(function(i){if(i.ref==="abcDef"){return i;}})[0] // give me the object and not the component
            return false;
        },

    });
})();

我正在尝试访问Mycomponent，这是面板内部步骤的一部分。所以this.steps给了我一个对象：

{
                name: $L('ABC Def'),
                ref: "abcDef",
                view: {
                    cls: path.Mycomponent
                },
                edit: {
                    cls: path.Mycomponent
                },
                create: {
                    cls: path.Mycomponent
                }
            }

但是我想要的是整个Mycomponent，我将使用它来访问其中定义的功能和配置。我该怎么办？有什么想法吗？