如何在 ExtJS 4 中创建超链接？答案

【问题标题】：How to create hyper link in ExtJS 4?如何在 ExtJS 4 中创建超链接？
【发布时间】：2013-03-06 20:24:59
【问题描述】：

我在 ExtJS 4 中工作。我一直被困在必须在 ExtJS 4 中创建超链接的地步。我一直在搜索很多以在 ExtJS 4 中创建超链接，但我没有得到任何解决方案。实际上我必须创建一个超链接，单击该链接后，我将在 ExtJS 4 中显示另一个页面。实际上我也没有在 ExtJS 4 中获得该事件。如何在 ExtJS 4 中使用超链接。我就是这样用的……

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

请给我一些建议.....

【问题讨论】：

标签： extjs extjs4 dom-events extjs4.1 extjs-mvc

【解决方案1】：

我会为此使用autoEl。

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

这是Fiddle

【讨论】：

感谢您的回复。但是我想在extjs4中显示另一个页面。可以显示吗？
ExtJS 是单页，下一页是什么意思？
实际上我想在同一个应用程序中显示另一个用 extjs4 设计的页面。我不想移动到另一个网站
这不只是在您的应用程序中调用另一个 URL 吗？将启动应用程序想象为在localhost/index.html 上，然后您的第二页将是localhost/second.html 我认为您让这变得比现在更难。是否需要将变量传递到第二页？
不需要将变量传递到第二页。我只想显示另一个用 extjs4 设计的页面。是否可以这样做？并且路径不会更改“localhost/index.html “它保持不变..

【解决方案2】：

您还可以使用标签组件的 html 属性并从那里调用控制器函数。示例：

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

【讨论】：