extjs - ExtJS7：锚标记不遵守 ext 路由

Question

如果 ext view route 与锚标记一起使用，则单击该链接始终会打开一个新选项卡。这会强制在新选项卡中重新加载整个 ext 应用程序。有没有办法强制 html 中的锚标记或锚点将 ct 重定向到该视图而不是在应用程序中

                        {
                            xtype: 'component',
                            autoEl: {
                                tag: 'a',
                                html: 'Some Action',
                                href: '#someroute'
                                class: 'link-some-action'
                            },
                            listeners: {
                              click: function(){
                                console.warn("I AM TRAPPED");
                              }
                            }
                        }

或者

                        {
                            xtype: 'box',
                            html: '<a href='#someaction' class="link-some-action"> Saome Action </a>',
                            listeners: {
                              click: function(){
                                console.warn("I AM TRAPPED");
                              }
                            }
                        }

如图所示，在这两种情况下，单击元素都会打开一个新选项卡，从而强制应用程序再次加载

Answer 1

在您的情况下，您应该向 el 添加一个侦听器，这是小提琴

Ext.define('Controller', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.mycontroller',

    onElClick:function(){
        console.log("I AM FREE");
        this.redirectTo("test")
    }

});
Ext.create('Ext.panel.Panel', {
    style: "border: 1px solid red",
    height: 100,
    controller:"mycontroller",
    title: "test",

    renderTo: Ext.getBody(),
    items: [{
        xtype: 'component',
        autoEl: {
            tag: 'a',
            html: 'Some Action',
            href: '#someroute',
            class: 'link-some-action'
        },
        listeners: {
            el: {
                click: "onElClick"
            }
        }
    }]
})