如何更改 ExtJs 中每个页面的网址？

Posted 2023-02-26

【中文标题】如何更改 ExtJs 中每个页面的网址？

【英文标题】：How to change the web URL for each page in ExtJs?

【发布时间】：2013-05-13 13:05:47

【问题描述】：

我已经使用 EXtjs 4 完成了应用程序。应用程序包含许多视图屏幕，例如登录页面、仪表板。 home 等，用于访问项目本地 URL 是 file:///E:/​​MyWeb/Web/index.html 。一旦我访问了这个 URL，我将获得第一个登录页面，因为在视口中我已经给出了登录视图的 xtype。 无论何时我去不同的页面 URL 都不会改变，它将保持与 file:///E:/​​MyWeb/Web/index.html 相同，但我可以访问所有页面。在某些情况下，如果我在中间，当我重新加载页面时页面中会发生一些问题，它将再次登录页面本身，我无法进入当前页面。再次它会要求登录，接下来我需要进入所需的页面。 我们可以在每个页面导航中更改项目的 URL 吗？ .如何在 ExtJs 中实现这一点？。格雷特赞赏。谢谢你。我的视口代码如下。

代码在这里：

Ext.define('GulfMark.view.Viewport', 
    renderTo: Ext.getBody(),
    extend: 'Ext.container.Viewport',
    layout: 'fit',
    defaults: 
        autoScroll: true
    ,
    items: [
        xtype: 'container',
        id: 'mainContainer',
        layout: 'fit',
        items: [
            xtype: 'loginView'

        ]
    ],
    listeners: 

    
);

【问题讨论】：

检查github.com/brunotavares/Ext.ux.Router

【参考方案1】：

我做了 (app.js)x3。每个app.js，都在他的index.html中收费（index1.html、index2.hmtl和index3.hmtl）

每一个 app.js，它都由控制器和各自的视图负责。

这是一个非常快速的解释，但很容易做到。