2

我正在开发一个带有几个不同视图的 Backbone.js Web 应用程序。假设我们在页面顶部有一个 AudioPlayer 视图，它应该是持久的，并且在页面的其余内容发生变化时播放音频。页面内容的其余部分应该能够按需切换（路由器通过导航更新 url）。

我正在寻找正确的方法来隐藏/删除 FirstView，插入 SecondView，然后在用户单击“返回”按钮时隐藏/删除 SecondView 并再次插入/显示 FirstView。

有人告诉我，当视图未显示时应将其删除以避免内存泄漏。如果这是真的，那么重新创建视图的正确方法是什么，因为其关联的 view.el 在删除过程中已被破坏？还是有更合乎逻辑的方法来做到这一点？

4

2 回答 2

2

这就是我这样做的方式：

  1. 使用一个方法扩展 Backbone.View ，该方法open将视图附加到 DOM 并在现在打开的视图上设置一个标志，以及一个类似的close属性
  2. views在您的应用程序的公共属性上创建所有视图属性
  3. 创建一个在应用程序上调用的方法，该方法clearViews将关闭所有打开的视图，除了传入的视图名称

这是我一直在使用的要点（在咖啡脚本中）。随意复制。

https://gist.github.com/4597528

因此，在以这种方式扩展 Backbone 之后，假设您想要在关闭所有打开的视图（app.views.topNav 指向的顶部导航栏除外）之后在 Backbone 路由中创建并打开一个新视图。你可以说：

app.clearViews('topNav');
app.views.myNewView = new MyView;
app.render().open('body'); // or some other container

对于像Derick Baily的Marionette和 Tim Branyen 的LayoutManager这样的大型项目，有一些很棒的视图和布局管理器，但对于我的小型项目来说，它们似乎有点矫枉过正。

于 2013-01-22T19:21:39.827 回答
1

我目前在我的几个应用程序中执行此操作，它是通过选项卡式界面完成的。您可以在此处查看这些界面的示例：

我使用骨干路由器来观看网址。这让我可以为用户保留深度链接/书签，但我通常会让视图事件触发选项卡更改。

出于我的目的，我有一个多标签应用程序，它有一个聊天窗口、图片库窗口和协作编辑窗口。

于 2013-01-22T22:13:29.317 回答