How to create hyper link in ExtJS 4?

Question

I am working in ExtJS 4.I have been getting stuck at a point where I have to create a hyperlink in ExtJS 4.I have been searching a lot for creating hyperlink in ExtJS 4 but I did not get any solution for it.Actually I have to create a hyperlink and after clicking on that link I am going to display another page in ExtJS 4. Actually also i did not get the event in ExtJS 4. How can I use hyperlink in ExtJS 4. I am using this way...

{
      xtype: 'panel',
      html:'<a href="second.js">Second page</a>',
}  

Please give me some suggestions.....

Answer 1

I'd use an autoEl for this.

{
    xtype: 'component',
    autoEl: {
        tag: 'a',
        href: 'http://www.example.com/',
        html: 'Example.com'
    }
}

Here's a Fiddle

Answer 2

You can also use the html property of a label component and call a controller function from there. Example:

{xtype: 'label',
html: 'bla bla? <a href="#" onClick="javascript:appName.app.getController(\'myController\').showRegistration();">Register</a>'
}