extjs 中 给组件添加click 事件是怎么关联到dom事件的

//一下是从button的源代码复制过来的

    // @private

    onRender: function() {

        var me = this,

            addOnclick,

            btn,

            btnListeners

        me.doc = Ext.getDoc()

        me.callParent(arguments)

        // Set btn as a local variable for easy access

        //这里是指向了一个dom

        btn = me.el

        if (me.tooltip) {

            me.setTooltip(me.tooltip, true)

        }

        // Add the mouse events to the button

        if (me.handleMouseEvents) {

            btnListeners = {

                scope: me,

                mouseover: me.onMouseOver,

                mouseout: me.onMouseOut,

                mousedown: me.onMouseDown

            }

            if (me.split) {

                btnListeners.mousemove = me.onMouseMove

            }

        } else {

            btnListeners = {

                scope: me

            }

        }

        // Check if the button has a menu

        if (me.menu) {

            me.mon(me.menu, {

                scope: me,

                show: me.onMenuShow,

                hide: me.onMenuHide

            })

            me.keyMap = new Ext.util.KeyMap({

                target: me.el,

                key: Ext.EventObject.DOWN,

                handler: me.onDownKey,

                scope: me

            })

        }

        // Check if it is a repeat button

        if (me.repeat) {

            me.mon(new Ext.util.ClickRepeater(btn, Ext.isObject(me.repeat) ? me.repeat: {}), 'click', me.onRepeatClick, me)

        } else {

            // If the activation event already has a handler, make a note to add the handler later

            if (btnListeners[me.clickEvent]) {

                addOnclick = true

            } else {

                btnListeners[me.clickEvent] = me.onClick

            }

        }

        // Add whatever button listeners we need

        //这里将事件加到 btn 上 , 就是那个dom

        me.mon(btn, btnListeners)

        // If the listeners object had an entry for our clickEvent, add a listener now

        //这里同样

        if (addOnclick) {

            me.mon(btn, me.clickEvent, me.onClick, me)

        }

        Ext.button.Manager.register(me)

    },

换个思维，定义时不绑定到目标对象；

反之通过对象来指定LoadMask，比如：

form.setLoading(myMask)

grid.setLoading(myMask)

---