如何理解从插件扩展的定位主干文件的位置?

时间:2015-02-23 13:01:21

标签: javascript backbone.js coffeescript marionette

我是Backbone的新手,我想知道: 我怎么能理解我必须找到从插件扩展的文件? 例如,我想使用Backbone.Modal作为一个插件来轻松创建模态: https://github.com/awkward/backbone.modal 在他们的例子中,他们只是做:

var Modal = Backbone.Modal.extend({...})

但是,如果我想在目录中拥有此文件以获得更多控件,我应该放在哪里?内部观点? 现在我有3个文件夹......   - 收藏  - 楷模   - 意见 在我的骨干init文件中,我有:

window.myApp =
  Models: {}
  Collections: {}
  Views: {}
  Routers: {}

我可以使用新的myApp.Views.myView()

轻松创建视图的新实例

我试图添加:

Modals: {}

但无论如何我无法访问我的模态文件......我该怎么办?

1 个答案:

答案 0 :(得分:0)

此库应存储在您的vendor文件夹或用于存储第三方库的等效文件夹中 - 与保存库,如主干,下划线,jquery等的位置相同。

此库直接在Modal对象上附加Backbone并返回它,您可以在脚本末尾看到它

Backbone.Modal = Modal;
return Backbone.Modal;
  

但是,如果我想在目录中拥有此文件以获得更多控件   它,我应该放在哪里?

您不应该真正改变任何第三方库中的代码,但如果您愿意,可以创建它的扩展基本版本并将其存储在Views对象中。有点像...

myApp.Views.BaseModal = Backbone.Modal.extend({

    someCustomProperty: 123,

    someCustomMethod: function(){
        return this.someCustomProperty;
    }

});

然后你想要的任何其他模态可以从你的新基础模态视图扩展...

myApp.Views.LoginModal = myApp.Views.BaseModal.extend({

    // your code for the login modal

});