javascript - 如何制作一个我可以包含在我的 backbone.js 项目中的配置文件

Question

我想创建一个默认配置文件，我将根据该文件创建我的 View 。

我在想这样的事情:

var Application = {};
Application.Config = {
   ViewerModule : {
     width    : '60%',
     height   : '60%',
     maxWidth : '99%',
     minWidth : '1%',
     iconSize : '24*24',
     defaultColor   : 'Green',
     selectedColor  : 'Orange',
     fontColor      : 'Black',
     viewerToolColor: 'White',
     defaultView    : 'Fit To Screen',
     Labels:{
            btnZoomIn     :'Zoom In',
            btnZoomOut    :'Zoom Out',
            btnRotateLeft :'Rotate Left',
            btnRotateRight:'Rotate Right',
            btnFitToScreen:'Fit to Screen',
            btnFullScreen :'Full Screen',
            btnSaveAs     :'Zoom In',
            btnExport     :'Zoom Out',
            btnPopOut     :'Rotate Left',
            btnEmail      :'Rotate Right',
            btnPdfConverter:'Fit to Screen',
            btnSetting    :'Settings'           
     }
   }
}

因此，当我在 backbone 中创建我的 View 时，我可以使用此配置值来定义我的 Backbone View 的默认值。

我想到的一件事是将值从配置文件保存到 Backbone 模型并使用该模型创建 View 。

但是，我不确定这是否正确。

可以就如何实现它与我分享您的想法或示例。

Answer 1

您是否考虑过使用继承来克服这个问题？您可以拥有一个 BaseView 而不是配置，它具有上述属性作为 View options。这样，这些值可以在您的 subview 的实现中被覆盖，或者在 subview 的构建过程中被解析。

这是一个粗略的例子:

var BaseView = Backbone.View.extend({
    initialize: function() {
        this.options = {
            'Example': 'Foobar',
            'OverrideMe': 'Moo'
        };
    }
})

, ChildView = BaseView.extend({
    initialize: function() {
        this.options.Example = 'Something else';  
    }
})

, impl = new ChildView({'OverrideMe': 'Another thing'});

这是一个 fiddle这表明它有效。