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

ExtJS 6.x现代按钮作为链接,extjs,extjs6,extjs6-modern,Extjs,Extjs6,Extjs6 Modern,在菜单项上,您可以选择添加处理程序来处理按键或鼠标单击事件,或者指定和href配置,以便在菜单只是一个链接时 { text: 'Example Ext Menu Item', iconCls: 'x-fa fa-cog', href: 'https://www.google.com' } 对于Ext.Button(Modern),您如何让按钮充当链接,同时仍然支持按钮的其他功能(图标、悬停等) 例如,我希望能够“右键单击”按钮的任何区域并“在新选项卡中打开

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

  {
     text: 'Example Ext Menu Item',
     iconCls: 'x-fa fa-cog',
     href: 'https://www.google.com'
  }
对于Ext.Button(Modern),您如何让按钮充当链接,同时仍然支持按钮的其他功能(图标、悬停等)


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

您可以通过如下方式将按钮包装到自定义元素中:

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

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

你试过搜索这个吗?因为某些经典的例子也适用于现代。