Backbone JS - 缓存视图实例

Question

我正在编写一个 BackboneJS 应用程序，其中六个选项卡中的每一个都由它们自己的视图表示。每当用户点击他已经去过的标签时，我是否应该保存视图实例并调用它的render() 函数？或者创建一个新实例并访问 jQuery 在第一次渲染期间为我缓存的模板？

如果我做后者，我仍然需要确保没有通过我的 JSON API 获取另一个集合，因为这是在某些视图的初始化期间完成的。

现在我将所有视图实例存储在我的控制器中，但我想知道这是以某种方式内置的还是有更好的选择。

干杯。

更新：这是我在控制器中使用的 loadCachedView 函数：

loadCachedView: function (name, view, collection){
    if (!this.views[name]){
        if (collection){
            this.collections[name] = new collection();
        }
        this.views[name] = new view({collection: this.collections[name]});
    } else {
        this.views[name].render();
    }
},

所以在渲染视图的时候，我就去：this.loadCachedView('settings', SettingsView, SettingsCollcetion)。

Answer 1

我通常会在我的控制器中跟踪我的所有视图。然后控制器根据导航事件在可用视图之间切换：

var Switches;
Switches = [];
Skepic.SwitchView = Backbone.View.extend({
    hide: function() {
        return this.el.detach();
    },
    show: function() {
        if (!_.include(Switches, this)) {
            Switches.push(this);
        }
        _.each(Switches, function(s) {
            return s.hide();
        });
        this.container().append(this.el);
        return $('html, body').animate({
            scrollTop: 0
        }, 'fast', "linear");
    },
    container: function() {
        if (this.options.container) {
            return this.options.container;
        } else {
            return $("body > .content");
        }
    }
});

这是一种在一个视图和另一个视图之间切换的基本视图。控制器将创建视图（根据需要获取数据），当您切换时，您可以在视图中覆盖的 show() 函数中进行最后检查。

（请注意，我在 jQuery 上使用 detach 以使事件委托仍然有效）

Answer 2

你不能在这里使用 .memoize 函数吗？