Custom hyperlink component (part 2)

Href.js

Ext.define('ExtAddonHref.component.Href', {
  extend: 'Ext.Component',
  xtype: 'extaddonhref',
  target: "_blank",
  url: "",
  title: "",
  anchorName: "",
  preventDefault: false,
  enableExternalUrlIcon: true,
  
  tpl: [
          '<a class="hrefcomponent" href="{url}"',
          '<tpl if="target"> target="{target}"</tpl>',
          '<tpl if="enableExternalUrlIcon">rel="external"</tpl>',
          '<tpl if="anchorName"> name="{anchorName}"</tpl>',
          '>{title}</a>'
  ],
  initComponent: function() {
      var me = this;
      me.callParent();
      me.data = {
              anchorName: me.anchorName,
              enableExternalUrlIcon: me.enableExternalUrlIcon,
              url: me.url,
              target: me.target,
              title: me.title
      };
  }
});