javascript - 为backbone.js创建和定义基础视图

Question

我正在尝试扩展主干视图以添加布局“骨架”的基本实现。这将用于使用不同的组件拼凑一个页面。下面列出的问题是所有嵌套对象布局部分的范围更改。我可以为所有这些指向相同范围的闭包创建闭包，还是仅限于单个对象层？也许我想错了？

    define(['backbone', 'underscore'
], function (backbone, _) {
    var base = backbone.View.extend({});

    _.extend(base.prototype, {
        sections: {
            head: {},
            body: {
                nav: {},
                main: {
                    header: {
                        title: "",
                        description: "",
                        inner_html: function () {
                            return this.render().el
                        },
                        menu_items: [],
                        changed: false,
                        scripts: function () { }
                    },
                    content: {
                        title: "",
                        description: "",
                        inner_html: function () {
                            return this.render().el
                        },
                        scripts: function () { }
                    },
                    buttons: {
                        items: [], // { id: "save", value: "Save" }, { id: "edit", value: "Edit" }
                        changed: false,
                        scripts: function () { }
                    }
                },
                footer: {}
            }
        }
    });

    return base;

});

Answer 1

这看起来很像 Marionette 的布局视图和区域。你可能不需要自己写这个。我经常使用 Marionette 的 Layout、Regions 和专用视图，而没有 App 和 Module 部分。