ExtJS 6.x 作为 Link 的现代按钮

Question

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

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

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

例如，我希望能够 "right click" 在按钮的任何区域和 "open in a new tab"。

Answer 1

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

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

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

ExtJS 6.x 作为 Link 的现代按钮

ExtJS 6.x Modern Button as a Link

extjs

extjs6

extjs6-modern