ember-data使用json有很多关系

时间:2013-12-21 20:43:26

标签: javascript json ember.js ember-data

我正在尝试使用ember-data hasMany关系,以便我的作者链接可以重现所有作者,当您点击特定作者时,该页面还提供了他的书籍的链接。点击特定书籍时,它会提供给作者的链接。它与灯具配合得非常好,但是ajax调用出了问题。我非常感谢你的帮助。

我的app.js:

App = Ember.Application.create({});


App.Store = DS.Store.extend({
  adapter: DS.RESTAdapter.extend()
});

App.Author = DS.Model.extend({
  name: DS.attr('string'),
  biography: DS.attr('string'),
  book_ids: DS.hasMany('book', { async: true })
});

App.Book = DS.Model.extend({
  name: DS.attr('string'),
  description: DS.attr('string'),
  image: DS.attr('string'),
  author_ids: DS.hasMany('author', { async: true })
});




App.Router.map(function() {
  this.resource('about');
  this.resource('books', function() {
    this.resource('book', { path: '/:book_id' });
  });
  this.resource('authors', function() {
    this.resource('author', { path: '/:author_id' });
  });
});

App.BooksRoute = Ember.Route.extend({
  model: function() {
  return App.Book.findAll();
 }
});

App.Book = Ember.Object.extend();

App.Book.reopenClass({
  findAll: function() {
  return $.getJSON('/json/books.json').then(function(response) {

    var books=[];

    response.book.forEach( function (book) {
      books.push( App.Book.create(book) );
    });
     return books; 
  });
 }
});

App.AuthorsRoute = Ember.Route.extend({
   model: function() {
   return App.Author.findAll();
 }
 });

App.Author = Ember.Object.extend();

App.Author.reopenClass({
  findAll: function() {
  return $.getJSON('/json/authors.json').then(function(response) {

            var authors=[];

      response.author.forEach( function (author) {
      authors.push( App.Author.create(author) );
    });
     return authors;
  });
 }
});

json中的数据表示如下:

{
  "author": [
  {
    "id": 1,
    "name": "James Joyce",
    "biography": "<p><b>James Joyce</b> <small>(February 2, 1882 - January 13, 1941)</small> was one of the most preeminent Irish authors of the twentieth century. He is known for his literary innovation such as a strictly focused narrative and indirect style. Although not strictly originally, James Joyce brought the aforementioned writing methods were to an unparalleled height.</p>",    
    "book_ids": ["1", "2"]
  },
  {
    "id": 2,
    "name": "F. Scott Fitzgerald",
    "biography": "<p><b>Francis Scott Key Fitzgerald</b> <small>(September 24, 1896 – December 21, 1940)</small> was an American author of novels and short stories, whose works are the paradigmatic writings of the Jazz Age, a term he coined. He is widely regarded as one of the greatest American writers of the 20th century. Fitzgerald is considered a member of the 'Lost Generation' of the 1920s. He finished four novels: This Side of Paradise, The Beautiful and Damned, The Great Gatsby (his most famous), and Tender Is the Night. A fifth, unfinished novel, The Love of the Last Tycoon, was published posthumously. Fitzgerald also wrote many short stories that treat themes of youth and promise along with age and despair.</p>",
    "book_ids": ["3", "4"]
   }
  ]
}

1 个答案:

答案 0 :(得分:2)

您正在编写模型定义,然后不使用商店来获取记录。我已经简化了你的代码,例如在jsbin中。

App.BooksRoute = Ember.Route.extend({
  model: function() {
   return this.store.find('book');
 }
});


App.AuthorsRoute = Ember.Route.extend({
   model: function() {
     return this.store.find('author');
   }
 });

App.ApplicationAdapter= DS.RESTAdapter.extend({
  host:'json',
  pathForType: function(type) {
    return Ember.String.pluralize(type) + '.json';
  }
});

http://emberjs.jsbin.com/OxIDiVU/72/edit