extjs - 条件に基づいてコンポーネントのレンダリングを中止する方法

Question

ExtJS を使用して、条件に基づいてコンポーネントが DOM にレンダリングされないようにする方法は? コードはおそらく次のようになります (私は Sencha Architect を使用してコードを生成しているため、構文に 100% 精通しているわけではありません)

Ext.define('MyApp.view.MyButton', {
    extend: 'Ext.button.Button',

    text: 'MyButton',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            listeners: {
                beforerender: {
                    fn: me.onButtonBeforeRender,
                    scope: me
                }
            }
        });

        me.callParent(arguments);
    },

    onButtonBeforeRender: function(component, eOpts) {
        if (MyCondition) {
            // all good, go on with rendering this component
        }
        else {
            // no good, abort, this component should not be rendered
        }
    }

});