extjs - ExtJS 6.x 现代按钮作为链接

Question

在菜单项上，您可以选择添加一个处理程序来处理按下或鼠标单击事件，或者指定和 href 配置，以便当菜单只是一个链接时。

  {
     text: 'Example Ext Menu Item',
     iconCls: 'x-fa fa-cog',
     href: 'https://www.google.com'
  }

对于 Ext.Button（现代），如何让按钮充当链接，同时仍支持按钮的其他功能（图标、悬停等）。

例如，我希望能够“右键单击”按钮的任何区域并“在新选项卡中打开”。

Answer 1

您可以通过这样的覆盖将按钮包装在自定义元素中：

Ext.define('MyApp.components.MyButton', {
    extend: 'Ext.Button',
    xtype: 'mybutton',

    element: {
        reference: 'element',
        tag: 'a',
        href: 'http://www.foo.bar'     
    }
});