extjs如何跳转界面并刷新跳转后的界面

在 ExtJS 中，可以使用以下步骤来实现页面跳转并刷新：

1. 首先，创建需要跳转的页面，例如一个名为 `MyNewPage` 的页面。

2. 在当前页面中，创建一个按钮或链接，用于触发页面跳转事件。例如，以下代码创建一个按钮来触发页面跳转：

{
    xtype: 'button',
    text: '跳转到新页面',
    handler: function() {
        // 调用 ExtJS 的页面跳转方法
        Ext.getCmp('myMainPanel').setActiveTab('myNewPage');
    }
}

3. 在跳转后的页面中，可以通过监听 `activate` 事件来实现页面刷新。例如，以下代码在页面激活时重新加载数据：

{
    xtype: 'panel',
    title: '我的新页面',
    listeners: {
        activate: function() {
            // 在页面激活时重新加载数据
            myStore.load();
        }
    }
}

4. 如果需要在跳转后的页面中传递参数，可以使用 `params` 属性。例如，以下代码向新页面传递一个名为 `id` 的参数：

{
    xtype: 'button',
    text: '跳转到新页面',
    handler: function() {
        // 设置参数并跳转到新页面
        Ext.getCmp('myMainPanel').setActiveTab({
            xtype: 'myNewPage',
            params: { id: 123 }
        });
    }
}

在新页面中，可以通过访问 `params` 属性来获取传递的参数。例如，以下代码获取名为 `id` 的参数：

{
    xtype: 'panel',
    title: '我的新页面',
    initComponent: function() {
        // 获取参数
        var id = this.params.id;
        
        // ...
    }
}