title: ExtJS4 LinkButton Component
body: <p>I'm trying to create my own LinkButton component in Ext JS 4. Nothing new, right?</p>
  
  <p>My code looks like this:</p>
  
  <pre><code>Ext.define('LinkButton', {
      extend: 'Ext.Component',
      xtype: 'linkbutton',
      autoEl: 'a',
      renderTpl: '&lt;a href=\"javascript:;\"&gt;{text}&lt;/a&gt;',
      config: {
          text: '',
          handler: function () { }
      },
      initComponent: function () {
          var me = this;
          me.callParent(arguments);
  
          this.renderData = {
              text: this.getText()
          };
  
          var handler = me.getHandler();
          if (handler) {
              me.on('click', handler);
          }
      }
  });
  </code></pre>
  
  <p>So far so good! My LinkButton does look like a hyperlink anad my text content is in there. Graceful.</p>
  
  <p>However, I can't get my component to fire an event when I click on it!</p>
  
  <p>This particular line <code>me.on('click', handler);</code> is <strong>not</strong> working! Even if I change it from <em>on</em> to <em>addListener</em> it has no effect.</p>
  
  <p>So question is: How do I add DOM events to my component? Or, even better, how do I <em>access</em> my own component's DOM element? I haven't been able to do any of that!</p>
  
  <p>Thanks!</p>