ExtJS7:锚标记不遵守ext路由

如果外部视图管线与锚定标记一起使用，单击该链接将始终打开一个新选项卡。此强制在新选项卡中重新加载整个ext应用程序。有没有办法强制html中的锚定标记或锚定在应用程序中重新定向到该视图

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

或

{
xtype:'框'，
html:“”，
听众：{
单击：函数（）{
console.warn（“我被困住了”）；
}
}
}

---

在这两种情况下，如图所示，单击元素会打开一个新选项卡，从而迫使应用程序再次加载。在您的情况下，您应该向el添加一个侦听器

Ext.define（'Controller'）{
扩展：“Ext.app.ViewController”，
别名：“controller.mycontroller”，
onElClick:function（）{
console.log（“我自由了”）；
此选项。重定向到（“测试”）
}
});
Ext.create（'Ext.panel.panel'{
样式：“边框：1px纯红”，
身高：100，
控制器：“mycontroller”，
标题：“测试”，
renderTo:Ext.getBody（），
项目：[{
xtype:'组件'，
autoEl：{
标签：“a”，
html:“一些动作”，
href:“#someroute”，
类：“链接一些操作”
},
听众：{
el:{
单击：“onElClick”
}
}
}]
})

如何使用controller方法而不是link？但是在自定义html或

autoEl中，我们如何调用它，所以您不知道如何侦听click事件？
                        {
                            xtype: 'box',
                            html: '<a href='#someaction' class="link-some-action"> Saome Action </a>',
                            listeners: {
                              click: function(){
                                console.warn("I AM TRAPPED");
                              }
                            }
                        }