如何在单击extjs中的按钮时捕获页面的加载事件

Question

在我的应用程序中，我定义了不同的路由。在第 1 页上，我有一个单击按钮，我必须加载第 2 页并填充其一些字段。

我已经在单击按钮时加载了页面，但我无法获得该页面的引用来进行操作。

是否可以在 Ext JS 中捕获加载事件？其次，如果这是可能的，那么有没有办法将一些参数从第 1 页发送到第 2 页？

视图：

{
        xtype : 'button',
        text : 'Button 1',
        handler : 'loadPage'
 }

控制器：

loadPage: function() {
        window.location.href = url;
    }

Answer 1

如果您想更改站点并发送参数，您可以通过 url 查询字符串执行此操作。

例：

loadPage: function() {
    window.location.href = "http://example.com/over/there?field1=value1&field2=value2...";
}

在加载的页面中，您可以读取如下参数：

var url = new URL(window.location.href);
var c = url.searchParams.get("field1");
console.log(c);