javascript - Backbone : Singleton views?

Question

我有几个不同的 View ，它们大多是像(布局组件、布局、主视图)那样构建的。

当我现在在不同 View 之间切换时，整个页面必须重新渲染。

至少在“窗口”中缓存布局 View 并重新加载它们不是更好吗？

类似于主干 View 的单例模式？

我该怎么做？很简单:

window.MainLayoutView || window.MainLayoutView = new MainLayoutView({ el: 'div.main' });

够了吗？

还有什么我需要考虑的吗？

Answer 1

是的，还有更多需要担心的事情。如果你这样做:

window.MainLayoutView.render();
$(x).html(window.MainLayout.el);
// And later...
$(x).html(someOtherView.el);
// And later still...
$(x).html(window.MainLayout.el);

您会发现window.MainLayout内的所有事件都消失了。如果您想缓存实例化 View 并将其换入换出，则必须安排 delegateEvents调用以重新绑定(bind) View 层次结构中的所有事件。

比较这两个示例的行为，您就会发现问题:

• http://jsfiddle.net/ambiguous/Mrt3C/ (没有 delegateEvents 调用)。
• http://jsfiddle.net/ambiguous/Mrt3C/1/ (使用 delegateEvents 调用)。

通常，您不必费心尝试缓存 View ，只需 remove它们并根据需要重新创建它们。