CODEWITHSUNDEEP
extjsextjs4dom-eventsextjs4.1extjs-mvc
Pravin Mane
Pravin Mane

Reputation: 529

How to create hyper link in ExtJS 4?

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.....

Upvotes: 10

Views: 24337

Answers (2)

tonymayoral
tonymayoral

Reputation: 5217

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>'
}

Upvotes: 1

Johan Haest
Johan Haest

Reputation: 4421

I'd use an autoEl for this.

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

Here's a Fiddle

Upvotes: 29

Related Questions