Добавление записи к hasMany() в emberjs. Как сделать?

Question

[vovastradamus]

Добрый день.
Не могу понять, как запушить json в определенный объект. Делаю блог с категориями, где в категориях есть поле hasMany().

В данной картинке писал вручную и это работает.

и вот моя попытка запушить:

var newPost = this.store.createRecord('post', {
	title: this.get('title'),
	body: this.get('body'),
	url_pic: this.get('url_pic'),
	publish: new Date().getTime()
});
var catId = this.get('category');
var postId = newPost.id;
newPost.save();

var addtocat = this.store.push('category', catId.posts, {
    postId : true
});
addtocat.save();

Answer 1

[Станислав Романов]

Если вы хотите добавить новый post после его создания в категорию то делайте так:

var newPost = this.store.createRecord('post', {
  title: this.get('title'),
  body: this.get('body'),
  url_pic: this.get('url_pic'),
  publish: new Date().getTime()
});

var _this = this;

newPost.save().then(function(newPost) {
  _this.get('category.posts').pushObject(newPost);
}, function() {
  newPost.rollback();
});

Если нет, то объясните что вы хотите сделать, по коду и картинке это плохо понятно.

Comments

[kid-programmer]

В эмбере новичок, а где это правильно делать в роуте, контроллере, компоненте?

[Станислав Романов]

Store по умолчанию проброшен только в контроллер и роут. Лучше всего в контроллере.

Answer 2

[vovastradamus]

Станислав Романов, извините за поздний ответ, но ваш ответ не помог. Пишет "Cannot read property 'pushObject' of undefined". Т.е насколько я понял, то он не понимает к чему добавлять. Вот еще чуть более подробная информация:
Модель постов:

export default DS.Model.extend({
  title: DS.attr('string'),
  body: DS.attr('string'),
  autor: DS.attr('string'),
  publish: DS.attr('date'),
  url_pic: DS.attr('string')
});

Модель категорий:

export default DS.Model.extend({
	name: DS.attr('string'),
	path: DS.attr('string'),
	posts: DS.hasMany('posts', { async: true })
  	//posts: DS.hasMany('post')
});

Вот само добавление:

export default Ember.Controller.extend({
	actions: {
		publishPost: function() {
			var newPost = this.store.createRecord('post', {
				title: this.get('title'),
				body: this.get('body'),
				url_pic: this.get('url_pic'),
				publish: new Date()
			});

			newPost.save().then(
				function(newPost) {
				_this.get('category.posts').pushObject(newPost);
			}, function() {
				newPost.rollback();
			});
		}
	}
});

Пытался вывести в консоль эту часть с _this.get('category.posts'), выводит просто Id категории куда добавляю, т.е. он видимо модель не видит.
Есть ли еще какие либо предложения? Заранее спасибо.

Comments

[Станислав Романов]

Во-первых вы пропустили var _this = this;
Во-вторых я писал примерный ответ, который подразумевает что у контроллера (или модели контроллера) есть category.

[vovastradamus]

Станислав Романов: По поводу this, это да я в ответе забыл его добавить, но он есть.
По поводу второго я не совсем понял, что вы подразумеваете под моделью контроллера. Вы про belongTo у поста? Я же выводил в консоль Id категории, значит он что-то да знает, но выводит не модель категории а просто название id.

[Станислав Романов]

Вот пример смотрите emberjs.jsbin.com/wiwojupegu/1/edit?js,output

[vovastradamus]

Станислав Романов: Я не знаю почему, но я пробовал сделать как в вашем примере, но у меня все равно выдает эту ошибку "TypeError: Cannot read property 'pushObject' of undefined". Возможно это из-а того, что я использую firebase и ember cli, но если у вас еще осталось желание помочь, то могу скинуть проект в гугл докс. Спасибо вам за потраченное время.

[Станислав Романов]

Выложите посмотрю.

[Станислав Романов]

Вам нужно переправить new.hbs:

{{view "select"
content=model
optionValuePath="content.id"
optionLabelPath="content.name" selection=category class="form-control"}}

Value это значение (число, строка), а selection это выбранный объект.

controllers/new.js :

publishPost: function() {
			var newPost = this.store.createRecord('post', {
				title: this.get('title'),
				body: this.get('body'),
				url_pic: this.get('url_pic'),
				publish: new Date()
			});

			var _this = this;

			newPost.save().then(function(newPost) {
				_this.get('category.posts').pushObject(newPost);
			}, function() {
				newPost.rollback();
			});
    	}