17

（已针对 ember-data API Rev 11 更新...）

TL;博士

按需加载关联的正确方法是什么？特别是，一旦你加载了子记录，你如何处理从服务器重新加载父记录清空 hasMany 数组的事实？我不想（也许不能）将子记录的 id 包含在父数组中。还是有另一种我想念的方法来做到这一点？DS.Adapter.findAssociation(...)DS.Adapter.findHasMany(...)hasMany

作为旁注，我很困惑应该在hasMany/belongsTo定义中传递哪些选项用于键链接（如果我没有旁加载数据或 id 数组，我应该使用映射吗？），所以如果你认为我的问题可能在我的关联定义中，你很有可能是对的。

长版

我正在编写自己的子类DS.RESTAdapter以将 ember-data 绑定到 ASP.NET WebAPI 后端（使用实体框架）。到目前为止一切都很好，但我有一段时间让协会正常工作。

与此海报类似，我注意到 ember-data 的首页曾经说过 ，如果您的模型中有关联，并且您拥有该属性，则商店将发出对子记录的请求。从页面引用：hasManyget

如果您要请求配置文件，如下所示：

author.get('profile');

…REST 适配器将向 URL /profiles?author_id=1 发送请求。

这意味着如果您不侧载并且不包含 id 数组，就会发生这种情况。我意识到这些文档有些过时了，但是我无法做到这一点，无论是在 API 版本 7 还是最近的版本 9 中。但是在版本 9 中我确实找到了findAssociation方法，在版本 11 中有findHasMany方法，我猜这可能是用来实现这一点的方法，而我现在正在尝试使用它。

为什么不包含一组 id 或 sideload？

我不想这样做（并且可能不能）的三个主要原因：

  1. 如何用 ASP.NET WebAPI 做这些事情并不明显，至少不能用我正在使用的简单的基于装饰的方法。而且，我现在真的很喜欢后端的简单性和纤薄性，使用 EF 和 WebAPI，它几乎完全是每个实体的样板，我已经完成了！我什至“免费”获得了 OData 过滤支持。

  2. 我的子记录通常会通过昂贵的查询（例如聚合...指标汇总）生成。单个父实体有许多不同类别的子实体。因此，即使获取所有子类型的 id 也会很昂贵，并且生成和旁加载所有子记录是不可能的。

  3. 我有主键是复合键的子实体。我还没有看到这个甚至在 ember-data 中被支持/可能的例子，至少不是用于处理关联（例如，你将如何处理一个 id 数组？）。我在客户端模型中创建了一个计算属性，该属性将复合键强制转换为单个字符串，因此我可以使用 来从存储中检索单个记录find(...)，但我也不知道这如何与关联一起工作。

尝试使用findAssociationfindHasMany

我发现在 API 版本9（以及一些早期版本，但不是全部？） 11 中，我也许可以实现检索关联的子记录的方法。这主要是有效的，但需要一些体操。这是我的通用方法：DS.Adapter.findAssociation DS.Adapter.findHasManyhasManyfindAssociation findHasMany

findHasMany: function (store, record, relationship, ids) {

    var adapter = this;
    var root = this.rootForType(relationship.type);
    var query = relationship.options.query(record);

    var hits = store.findQuery(relationship.type, query);

    hits.on('didLoad', function () {
        // NOTE: This MUST happen in the callback, because findHasMany is in
        // the execution path for record.get(relationship.key)!!! Otherwise causes
        // infinite loop!!!
        var arrMany = record.get(relationship.key);

        if (hits.get('isLoaded')) {
            arrMany.loadingRecordsCount = 1 + hits.get('length') + (typeof arrMany.loadingRecordsCount == "number" ? arrMany.loadingRecordsCount : 0);
            hits.forEach(function (item, index, enumerable) {
                arrMany.addToContent(item);
                arrMany.loadedRecord();
            });
            arrMany.loadedRecord(); // weird, but this and the "1 +" above make sure isLoaded/didLoad fires even if there were zero results.
        }
    });

}

为了完成这项工作，我的hasMany定义设置了一个query选项值，它是记录上的一个函数，它返回子请求中查询字符串的参数散列。由于这是一个 ASP.NET WebAPI 后端，这可能是一个 OData 过滤器，例如：

App.ParentEntity = DS.Model.extend({
    ...
    children: DS.hasMany('App.ChildEntity', {
        query: function (record) {
            return {
                "$filter": "ChildForeignKey eq '" + record.get('id') + "'"
            };
        }
    })
});

技巧之一是将项目添加到ManyArrayusing 中addToContent(item)，这样父记录就不会被标记为“脏”，就好像它已被编辑一样。另一个是，当我最初检索父记录的 JSON 时，我必须手动true为关联名称的键设置一个值（来自服务器的 JSON 根本没有键）。IE：

    var a = Ember.isArray(json) ? json : [json];
    for (var i = 0; i < a.length; i++) {
        type.eachAssociation(function (key) {
            var meta = type.metaForProperty(key);
            a[i][key] = true;
        });
    }

这听起来很疯狂，但这就是为什么：如果您查看实现DS.Store.findMany并找到调用的位置，您会发现：findAssociation findHasMany

findMany: function(type, ids, record, relationship){
...
if (!Ember.isArray(ids)) {
  var adapter = this.adapterForType(type);
  if (adapter && adapter.findHasMany) { adapter.findHasMany(this, record, relationship, ids); }
  else { throw fmt("Adapter is either null or does not implement `findMany` method", this); }

  return this.createManyArray(type, Ember.A());
}

如果您从调用的 ember-data 内部函数中查看这一行，您将看到为第二个参数传递的内容：hasAssociation hasRelationshipfindMany

relationship = store.findMany(type, ids || [], this, meta);

因此，被调用的唯一方法是让JSON 中的值是“真实的”，但不是数组——我使用. 我认为这要么是一个错误/不完整，要么是我走错了路的迹象——如果有人能告诉我那也很好的话。findAssociation findHasManytrue

有了这一切，我可以让 ember-data 自动向服务器发出请求以获取子记录，例如http://myserver.net/api/child_entity/$filter=ChildForeignKey eq '42'，它可以工作 - 子记录被加载，并且它们与父记录相关联（顺便说一下，反向belongsTo关系也被正确填充，尽管我没有明确地触摸它——我不知道这是在哪里或如何发生的）。

但如果我不停在那里，它很快就会崩溃。

处理重新加载父记录

假设我成功地将子记录加载到父记录中，然后导航到检索所有父记录的位置（以填充菜单）。由于新加载的父记录没有 id 数组并且没有旁加载任何内容，因此父记录再次刷新，没有任何子记录！更糟糕的是，ManyArray的isLoaded财产仍然存在true！所以我什至无法观察到任何重新加载孩子的东西。

因此，如果我同时在屏幕上显示子值的视图，它会立即变为没有子记录值。或者，如果我导航回一个，当App.store.find('App.ParentEntity', 42)被调用时，记录是从存储加载的，而不向服务器发出请求，当然它没有子记录。

这是提示＃2，我可能会以错误的方式解决这个问题。那么......按需加载子记录的正确方法是什么？

非常感谢！

4

1 回答 1

10

基于最新的 Ember 数据（截至 2013 年 1 月 25 日）...这是我的延迟加载解决方案 hasMany 关系。我修改DS.hasMany并添加了一个方法到DS.Adapter.

我更改了两行DS.hasMany：

DS.hasMany = function(type, options) {
  Ember.assert("The type passed to DS.hasMany must be defined", !!type);
  return (function(type, options) {
    options = options || {};
    var meta = { type: type, isRelationship: true, options: options, kind: 'hasMany' };
    return Ember.computed(function(key, value) {
      var data = get(this, 'data').hasMany,
          store = get(this, 'store'),
          ids, relationship;

      if (typeof type === 'string') {
        type = get(this, type, false) || get(Ember.lookup, type);
      }

      meta.key = key;
      ids = data[key];
      relationship = store.findMany(type, ids, this, meta);
      set(relationship, 'owner', this);
      set(relationship, 'name', key);
      return relationship;
    }).property().meta(meta);
  })(type, options);

};

首先，我添加key到meta对象...

meta.key = key;

...其次，如上所述，我findMany通过更改...从调用中删除了空数组

relationship = store.findMany(type, ids || [], this, meta);

...到...

relationship = store.findMany(type, ids, this, meta);

...允许ids传递给findManyas undefined。

接下来，我添加了一个didFindHasMany钩子DS.Adapter：

DS.Adapter.reopen({

  /**
   Loads the response to a request for records by findHasMany.

   Your adapter should call this method from its `findHasMany`
   method with the response from the backend.

   @param {DS.Store} store
   @param {subclass of DS.Model} type
   @param {any} payload
   @param {subclass of DS.Model} record the record of which the relationship is a member (parent record)
   @param {String} key the property name of the relationship on the parent record
   */
  didFindHasMany: function(store, type, payload, record, key) {

    var loader = DS.loaderFor(store);

    loader.populateArray = function(references) {
      store.loadHasMany(record, key, references.map(function(reference) { return reference.id; }));
    };

    get(this, 'serializer').extractMany(loader, payload, type);
  }

});

我使用DS.Adapter我发现已经在. 然后在我的自定义适配器中，我实现了一个在其成功回调中使用以下代码的方法：didFindQueryloadHasManyDS.StorefindHasMany

Ember.run(this, function() {
  adapter.didFindHasMany(store, type, response.data, record, key);
});

我没有对此进行广泛的测试，但它似乎工作正常。查看最近对 ember-data 的代码所做的修改，在我看来，他们已经慢慢朝着未来某个时候支持类似这种方法的方向发展。或者至少这是我的希望。

于 2013-01-26T01:24:19.570 回答