javascript - 创建和定义backbone.js的基本 View

Question

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

    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 的布局 View 和区域。您可能不需要自己写这个。我经常使用 Marionette 的布局、区域和专门 View ，而不使用应用程序和模块部分。