如何使用浏览器刷新中的选项卡维护页面状态

耶伦

在ExtJs中,处理浏览器刷新的最佳方法是什么?

我说,我有一个页面有两个标签A和B以及令牌时标签A是活跃的#即为MyToken /:someidforA和令牌当标签B是actibe是#即为MyToken /:someidforB

刷新浏览器时,如何确保页面停留在同一选项卡中?

我正在使用ExtJs5中的Router做类似的事情

window.onbeforeunload = function() {
    token = // get history token
     MyApp.getController('Main').redirectTo(token);
}

在ViewControllers内部-

routes: {
    "#mytoken/:someidforA" : "loadA",
    "#mytoken/:someidforB" : "loadB" 

}

这是一个好方法吗?

可编写脚本

我会亲自使用记录的路线

例子:

Ext.define('MyApp.view.main.MainController', {
    extend : 'Ext.app.ViewController',

    routes : {
        'user/:id' : 'onUser'
    },

    onUser : function(id) {
        //...
    }
});

您还可以使用defaultToken属性定义默认路由

defaultToken : 'home'

似乎您已经在使用其中一些功能。如果URL类似于example.com/#user/4,则在页面刷新时,应用程序可以像以前一样处理此路由,并显示相同的页面/部分。

要恢复刷新之前打开的所有选项卡,您可能必须考虑使用类似localstorage保持页面刷新状态的方法。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在所有浏览器会话(选项卡)中重置Redux状态

来自分类Dev

如何使用ODS HTML命令更改Web浏览器选项卡中的“ SAS输出”?

来自分类Dev

如何使用python在Web浏览器中打开选项卡

来自分类Dev

如何处理Angular中的浏览器选项卡关闭事件?仅关闭,不刷新

来自分类Dev

在新的浏览器选项卡中重新打开页面时,如何重置会话范围的Bean

来自分类Dev

如何根据浏览器选项卡的状态动态更改我的收藏夹图标?

来自分类Dev

当浏览器选项卡处于焦点状态时,如何使setInterval运行?

来自分类Dev

如果浏览器选项卡处于活动状态,如何更改 Shopify 标题

来自分类Dev

PageVisibility API - 在浏览器控制台选项卡中更改为活动状态

来自分类Dev

如何实现何时复制浏览器选项卡

来自分类Dev

如何从“浏览器”选项卡获取标题?

来自分类Dev

浏览器选项卡的活动如何影响查询

来自分类Dev

新的“浏览器”选项卡或Windows中的HTML

来自分类Dev

Firebug的Chrome浏览器中的“脚本”选项卡

来自分类Dev

检测 Bokeh 中的浏览器选项卡关闭

来自分类Dev

在AngularJS中,如何使用ng-click在iPad浏览器的新选项卡中打开下载pdf

来自分类Dev

Ext4.2.1如何从另一个浏览器选项卡中打开带有小部件的新浏览器选项卡

来自分类Dev

我如何从Origin选项卡获取新打开的浏览器选项卡名称?

来自分类Dev

如何使用ASP.NET和C#在新的浏览器选项卡中打开任何文件?

来自分类Dev

使用angularJS的localStorage-如何将值动态绑定到浏览器中的所有选项卡

来自分类Dev

Unite.vim-如何从文件浏览器中的选项卡中打开文件

来自分类Dev

如何处理浏览器“多个”选项卡中的用户注销?

来自分类Dev

当ReactJS中的浏览器选项卡关闭时,如何触发弹出窗口?

来自分类Dev

如何在Flutter Web应用程序中重新加载浏览器选项卡

来自分类Dev

如何从此浏览器选项卡中删除odoo?

来自分类Dev

如何在 Mozilla Firefox 浏览器中隐藏选项卡上方的栏

来自分类Dev

如何使用JavaScript关闭浏览器选项卡(父窗口)

来自分类Dev

如何知道浏览器选项卡是否已使用Javascript打开?

来自分类Dev

无法使用 Selenium Webdriver 在浏览器中打开新选项卡

Related 相关文章

  1. 1

    如何在所有浏览器会话(选项卡)中重置Redux状态

  2. 2

    如何使用ODS HTML命令更改Web浏览器选项卡中的“ SAS输出”?

  3. 3

    如何使用python在Web浏览器中打开选项卡

  4. 4

    如何处理Angular中的浏览器选项卡关闭事件?仅关闭,不刷新

  5. 5

    在新的浏览器选项卡中重新打开页面时,如何重置会话范围的Bean

  6. 6

    如何根据浏览器选项卡的状态动态更改我的收藏夹图标?

  7. 7

    当浏览器选项卡处于焦点状态时,如何使setInterval运行?

  8. 8

    如果浏览器选项卡处于活动状态,如何更改 Shopify 标题

  9. 9

    PageVisibility API - 在浏览器控制台选项卡中更改为活动状态

  10. 10

    如何实现何时复制浏览器选项卡

  11. 11

    如何从“浏览器”选项卡获取标题?

  12. 12

    浏览器选项卡的活动如何影响查询

  13. 13

    新的“浏览器”选项卡或Windows中的HTML

  14. 14

    Firebug的Chrome浏览器中的“脚本”选项卡

  15. 15

    检测 Bokeh 中的浏览器选项卡关闭

  16. 16

    在AngularJS中,如何使用ng-click在iPad浏览器的新选项卡中打开下载pdf

  17. 17

    Ext4.2.1如何从另一个浏览器选项卡中打开带有小部件的新浏览器选项卡

  18. 18

    我如何从Origin选项卡获取新打开的浏览器选项卡名称?

  19. 19

    如何使用ASP.NET和C#在新的浏览器选项卡中打开任何文件?

  20. 20

    使用angularJS的localStorage-如何将值动态绑定到浏览器中的所有选项卡

  21. 21

    Unite.vim-如何从文件浏览器中的选项卡中打开文件

  22. 22

    如何处理浏览器“多个”选项卡中的用户注销?

  23. 23

    当ReactJS中的浏览器选项卡关闭时,如何触发弹出窗口?

  24. 24

    如何在Flutter Web应用程序中重新加载浏览器选项卡

  25. 25

    如何从此浏览器选项卡中删除odoo?

  26. 26

    如何在 Mozilla Firefox 浏览器中隐藏选项卡上方的栏

  27. 27

    如何使用JavaScript关闭浏览器选项卡(父窗口)

  28. 28

    如何知道浏览器选项卡是否已使用Javascript打开?

  29. 29

    无法使用 Selenium Webdriver 在浏览器中打开新选项卡

热门标签

归档