Question

我有一个菜单，点击后，创建一个骨干视图并绑定控件。每次单击菜单时都会发生这种情况。我需要知道的是，在定义和渲染视图之前，如何清除内存中的主干对象（在每次单击菜单上）。

否则，每次单击菜单时，backbone都会创建一个新视图并重新绑定所有控件。所以我得到这样的东西：

r {cid: "view1", options: Object, $el: b.fn.b.init[1], el: div#templatePlaceholder, constructor: function…}
r {cid: "view2", options: Object, $el: b.fn.b.init[1], el: div#templatePlaceholder, constructor: function…}
r {cid: "view3", options: Object, $el: b.fn.b.init[1], el: div#templatePlaceholder, constructor: function…}

注意：DOM只显示一个渲染

编辑：代码：

            var app = {
                Collection: Backbone.Collection.extend({}),
                Model: Backbone.Model.extend({}),
                View: Backbone.View.extend({
                    initialize: function(){
                        this.setElement($('#templatePlaceholder'));
                    },
                    render: function () {
                        var that = this;
                        Q.when(formDataGet.execute()).then(function (data) {
                            that.$el.html(data);
                       });
                    },
                    events: {
                        "click button[id=lbtn]": "goLeft",
                        "click button[id=rbtn]": "goRight"  
                    },

                    goLeft: function () {
                        // Button clicked
                        console.log(this);
                    },
                    goRight: function () {
                        // Button clicked
                        console.log(this);
                    }

                }),

            };


            var view = new app.View({
            });

            view.render();

每次单击菜单项时都会触发此代码。这创造了一个新的观点。

Answer 1

我可以在核心骨干中考虑两种方式（可能还有更多，但它是一个开始）

保留对视图的引用，当您需要关闭菜单时，请在视图上调用remove()
您不必删除视图，只需显示/隐藏它，没有任何问题
使用具有一些结构化方法的Marrionette / Chappline / LayoutManager维护您的观点

有关您的应用/结构的更多信息以及有哪些用例可以帮助我提供更多帮助

Backbone：清除内存中的所有数据

1 个答案: