javascript - 在不执行页面重新加载的情况下重新初始化 Sencha Touch 应用程序

Question

在某些情况下，我需要重新初始化我的 Sencha Touch 应用程序。到现在为止，我只是使用 location.reload() 来执行此操作。然而，这对于用户体验来说真的很糟糕，因为整个 HTML 页面、JS 和 CSS 也将被重新加载。

所以我正在寻找一种简单干净的方法来重置和重新初始化我的应用程序，而无需重新加载整个页面。

我尝试执行类似 Ext.Viewport.removeAll(true, true) 的操作以从视口(viewport)中删除所有 View 组件。但这会导致一些错误，当您之前屏蔽视口(viewport)或之前显示一些对话框时。 Sencha 保留了一些对在屏蔽 View 或显示对话框时创建的对象的引用，这些引用在从视口(viewport)中删除所有组件后将不再存在:

Ext.Msg.alert()
Ext.Viewport.removeAll(true, true)
Ext.Msg.alert() // => will raise `TypeError: Cannot read property 'dom' of null`

如何在不重新加载整个页面的情况下重新初始化您的应用程序？有什么办法可以做到“好”吗？

Answer 1

您可以通过调用应用程序的启动函数来重新启动应用程序。假设您的应用程序名称是 my_app，您可以使用以下方式重新启动该应用程序:-my_app.app.launch()