title: How to access parent component ExtJS?
body: <p>For some reason, the blur event doesn't get fired when the below floating panel loses focus. However, when I listen to the 'el' of the panel for the blur event, it gets registered as shown in the listeners config. What I want to do is hide the panel when the blur event occurs. How do I get access to the parent panel ?</p>
  
  <pre><code>Ext.define('NoteKeeper.view.tabs.AttachmentPanel',{
      extend : 'Ext.panel.Panel',
      alias : 'widget.attachmentPanel',
      itemId : 'attachmentPanel',
      floating : true,
      focusable : true,
      width : 200,
      height : 150,
      layout : {
          type : 'vbox'
      },
      items : [
          {
              xtype : 'grid',
              store : null,
              columns : [
                  {
                      text : 'File Name',
                      dataIndex : 'fileName'
                  },
                  {
                      dataIndex : 'remove'
                  }
              ]
          },
          {
              xtype : 'button',
              text : '+'
          }
      ],
      listeners : {
          el: {
              blur: {
                  fn: function()
                  {
                      console.log( this );
                      //how do I access the 'attachmentPanel' from here 
                      //so I can hide it ?
                  }
              }
          }
      },
      noteId : null,
      initComponent : function()
      {
          this.callParent(arguments);
      }
  });
  </code></pre>
  
  <p>Please note that there can be multiple instances of these 'attachmentPanel's.</p>