60

local-storage-adapter で Ember.js を使用しています。レコードの更新中に奇妙な問題が発生しました。

hasMany 関係を持つ投稿とコメントのモデルがあります。

App.Post = DS.Model.extend({
    title: DS.attr('string'),
    comments: DS.hasMany('comment', {
        async: true
    })
});
App.Comment = DS.Model.extend({
    message: DS.attr('string')
});

これらは私の投稿とコメントのコントローラーです:

App.PostsController = Ember.ArrayController.extend({
    newTitle: '',
    actions: {
        create: function() {
            var title = this.get('newTitle');
            var post = this.store.createRecord('post', {
                title: title
            });
            this.set('newTitle', '');
            post.save();
        }
    }
});
App.CommentsController = Ember.ArrayController.extend({
    needs: "post",
    post: Ember.computed.alias("controllers.post.model"),
    newMessage: '',
    actions: {
        create: function() {
            var message = this.get('newMessage');
            var comment = this.store.createRecord('comment', {
                message: message
            });
            var post = this.get('post');
            var comments = post.get('comments');
            if (comments.get('content') == null) comments.set('content', []);
            comments.pushObject(comment);
            comment.save();
            post.save();
        }
    }
});

レコードの作成中に、hasMany の関係が正しく更新されました。

{
    "App.Post": {
        "records": {
            "0v66j": {
                "id": "0v66j",
                "title": "post1",
                "comments": ["p31al", "tgjtj"]
            }
        }
    },
    "App.Comment": {
        "records": {
            "p31al": {
                "id": "p31al",
                "message": "comment 1"
            },
            "tgjtj": {
                "id": "tgjtj",
                "message": "comment 2"
            }
        }
    }
}

投稿の編集中に問題が発生しました。投稿記録を編集した後、関係はなくなりました。私はいくつかの検索を行い、このコードを見つけました：

DS.JSONSerializer.reopen({
    serializeHasMany: function(record, json, relationship) {
        var key = relationship.key;
        var relationshipType = DS.RelationshipChange.determineRelationshipType(record.constructor, relationship);
        //  alert(relationshipType);
        if (relationshipType === 'manyToNone' || relationshipType === 'manyToMany' || relationshipType === 'manyToOne') {
            json[key] = Ember.get(record, key).mapBy('id');
            // TODO support for polymorphic manyToNone and manyToMany
            // relationships
        }
    }
});

これはうまくいき、うまくいきました。しかし今、私は別の問題を抱えています。他のレコードを編集すると、すべての ID 参照が次のようにオブジェクト全体に置き換えられます。

{"App.Post":{"records":{"0v66j":{"id":"0v66j","title":"post2","comments":[**{"message":"comment 1"},
{"message":"comment 2"}**]},"8nihs":{"id":"8nihs","title":"post3","comments":["b4v2b","dbki4"]}}},
"App.Comment":{"records":{"p31al":{"id":"p31al","message":"comment 1"},"tgjtj":{"id":"tgjtj","message":"comment 2"},
"b4v2b":{"id":"b4v2b","message":"comments3"},"dbki4":{"id":"dbki4",
"message":"comments4"}}}}

コメント参照は、このようなコメント":["p31al","tgjtj"] である必要があります。ただし、ID は "comments":[ {"message":"comment 1"},{"message":"comment 2"に置き換えられます。 } ]

4

2 に答える 2

-1

Ember を使った道のりでいくつかのことに気付きました...特に Ember-Data です。

それらの 1 つは、関連付けを保存して再保存する必要がある関連付けを手動で再追加し、ここで少し使用しているようにメモリ内の関連付けに addObject を使用する必要がある関連付けを処理する場合です。:)

これは通常、一度に複数の新しいオブジェクトを更新している場合にのみ発生することに注意してください。たとえば、投稿が新しく、コメントも新しい場合です。

コードベースに次のコードが表示されるのは少し心配です。そこにある必要はないからです。アソシエーションに null または非配列オブジェクトを含めるべきではありません。あなたがアダプターに対してどのようなハッキングを行ったのか、なぜそれが必要なのかはわかりませんが、それが理由ではないことを願っています:

  if(comments.get('content') == null)
    comments.set('content', []);

とにかく、次のコードは、おそらく作成アクションを記述する方法です。それは役立つかもしれません。そうなることを願っています。

create: function() {
  // get the post for association on the new comment
  var post = this.get('post');

  // get the message to store on the new comment
  var message = this.get('newMessage');

  var comment = this.store.createRecord('comment', {
    message : message,
    post : post
  });

  comment.save().then(function(savedComment) {
    post.get('comments').addObject(savedComment);
  });
}

はるかに単純であることに注意してください。一般に、トリッキーで複雑なことをしている場合、何かが間違っているので、基本に戻って一度に 1 つずつ追加し、追加するたびに徹底的にテストします。:)

幸運を！

于 2014-04-19T06:56:00.437 に答える