Custom component (part 3)

Href.js

Ext.define('ExtAddonHref.component.Href', {
   extend: 'Ext.Component',      
   xtype: 'extaddonhref',
   target: "_blank",
   url: "",
   title: "",
   anchorName: "",
   enableExternalUrlIcon: true,
   preventDefault: false,

   renderTpl: [
          '<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>'
   ],
   beforeRender: function () {
      var me = this;
      me.callParent();


      Ext.applyIf(me.renderData, {
          anchorName: me.anchorName,
          url: me.url,
          target: me.target,
          title: me.title
      });
   }
});