如何使Backbone-Relational(0.8.5)与RequireJS一起工作?

时间:2013-04-12 16:43:44

标签: requirejs backbone-relational

经过另一次长时间的研究,出来了:-)似乎问题是关于函数“getObjectByName”。它不能与requireJS(ADM)一起使用。目前,我必须设置一个globel var来解决问题。我相信必须有更好的解决方案。

这是我的临时解决方案:

(1)设置全局变量并将搜索模型范围设置为全局(“APP”)

var APP = {};

define(['backbone-relational'], function(){
    Backbone.Relational.store.addModelScope(APP);
})

(2)将您的关系模型导出到全局

APP.YourRelationalModel = YourRelationModel;

虽然有效但不好......我真的很期待一个更好的答案。感谢。

// ------------

测试版本:

1.Backbone-Relational 0.8.5 
2.Backbone 1.0.0 and Underscore 1.4.4
3.JQuery 1.8.3
4.RequireJS 2.1.5

代码非常简单:(或参见https://github.com/bighammer/test_relational_amd.git

require.config({

paths : {

    js                    : 'js',
    jquery                : 'js/jquery-1.8.3',
    underscore            : 'js/underscore',
    backbone              : 'js/backbone',
    'backbone-relational' : 'js/backbone-relational'
},

shim : {
    underscore : {
        exports : '_'
    },
    backbone   : {
        deps    : ['underscore', 'jquery'],
        exports : 'Backbone'
    },

    'backbone-relational' : {
        deps: ['backbone']
    }
}

});

define(['backbone', 'backbone-relational'], function (Backbone) {

var Child = Backbone.RelationalModel.extend();
var Parent = Backbone.RelationalModel.extend({
    relations : [
        {
            key          : 'child',
            type         : Backbone.HasOne,
            relatedModel : 'Child'
        }
    ]

});

var test = new Parent();

});

将以上代码保存在main.js中并包含在index.html中,如下所示:     

它不起作用。有警告信息:

Relation=child: missing model, key or relatedModel (function (){ return parent.apply(this, arguments); }, "child", undefined). 

我读了骨干关系的源代码,知道命名空间有问题。 Relational-Backbone无法找到“Parent”中定义的relatedModel(即找不到releatedMode:“Child”)。由于我对javascript的了解有限,我找不到解决方法来解决这个问题:-)

任何人都可以帮我吗?

在我提出问题之前,我研究了以下解决方案:

Backbone.RelationalModel using requireJs
Can't get Backbone-relational to work with AMD (RequireJS)
Loading Backbone.Relational using Use! plugin

在这种情况下,他们都没有工作。

2 个答案:

答案 0 :(得分:15)

您不必按字符串引用relatedModel,您可以直接引用它,因此不要使用relatedModel: 'Child'代替relatedModel: Child

由于您使用的是requireJS,因此您可以轻松地从其他文件中引用模型。

define(['backbone', 'models/child', 'backbone-relational'], function (Backbone, Child) {
  var Parent = Backbone.RelationalModel.extend({
    relations : [{
        key          : 'child',
        type         : Backbone.HasOne,
        relatedModel : Child
    }]
  });

  var test = new Parent();
});

答案 1 :(得分:0)

以上解决方案不适用于我。我正在逐步将代码从Rails Asset Pipeline(不是RequireJS / AMD / CommonJS / anything)转移到Webpack中,从依赖开始。当我通过我的模型移动要求backbone-relational进入Webpack包准备并且关系定义仍然在Rails Asset Pipeline中时,我开始得到很多无法解释的Relation=child: missing model, key or relatedModel (function (){ return parent.apply(this, arguments); }, "child", undefined).

我的案例中,解决方案最终变得非常简单,尽管我花了很长时间才发现:

// In a Webpack module, later included into Rails Asset Pipeline
// temporarily to facilitate migration

require('expose?Backbone!backbone') // Exposing just for migration
require('backbone-relational')
Backbone.Relational.store.addModelScope(window)
默认情况下,

backbone-relational使用其全局范围来解析基于字符串的relatedModel,但由于在没有真实全局范围的情况下需要它,因此解决方案只是传递在使用addModelScope时,它可以搜索指定模型的范围。