如何在单击按钮时路由到视图（ExtJS 6.2）

Question

所以我创建了两个视图：一个是登录对话框，另一个（以下）基本上是一个仪表板。在登录时单击我使用 this.redirectTo("dashboard",true); 希望它会在下一个视图（以下）中触发路由链接处理程序，但它没有用；所以我手动设置触发器并使用视图实例触发处理程序。

   Ext.define('Mine.view.newDashboard', {
            extend: 'Ext.Container',
            alias: 'widget.newDashboard',
            id: 'project1',
             routes:{
                     '#dashboard':{
                         action:'onDashboardView'
                     }
                     },
             onDashboardView:function(){
                    var dash =  Ext.create('widget.newDashboard', {
                    renderTo: Ext.getBody(),
                    hideMode: 'visibility'
                 });
                              dash.show();
             },....

我的问题是如何像第一种方法那样正确地进行路由，以便当 URL 更改为包含“#dashboard”部分时第一个显示？

UPDATE2：目前浏览器的上一个和下一个什么都不做。谢谢！

Answer 1

你正在进步。从路由中删除散列

Ext.define('Mine.view.newDashboard', {
            extend: 'Ext.Container',
            alias: 'widget.newDashboard',
            id: 'project1',
             routes:{
                     'dashboard':{     // REMOVE THE #
                         action:'onDashboardView'
                     }
                     },
             onDashboardView:function(dash){
  
                              dash.show();
             },....

Fiddle

Fiddle - see the url change

如何在单击按钮时路由到视图（ExtJS 6.2）

How to route to a view on button click (ExtJS 6.2)

extjs

extjs4