web-dev-qa-db-ja.com

Backbone.js +レスト。 fetch（）後にコレクションにデータが入力されません

私はBackboneが初めてです。だから、RESTサービスからデータを取得しようとしています。

これは私の簡単なコードです：

$(function () {

    var Entity = Backbone.Model.extend({
        url: function() {
            return 'http://localhost:8080/rest/entity/'+this.id;
        }
    });

    var EntityList = Backbone.Collection.extend({       
        model: Entity,
        url: 'http://localhost:8080/rest/entity'
    });

    var entityList = new EntityList();

    entityList.fetch();

});

私の残りのサービスは次のJSONを返します：

[{"id":1387,
  "version":3,
  "entityName":"entity01",
  "entityLabel":"Entity01",
  "entityPluralLabel":"Entity01",
  "attributes":
     [{"id":1425,
       "slot":"D001",
       "version":0,
       "attributeName":"dfield",
       "attributeType":
          {"id":7,
           "description":"Date",
           "attributeType":"date",
           "databaseType":"DATE"
          },
       "options":[],
       "order":2,
       "attributeLabel":"dField",
       "checked":null
      },
      {"id":1424,
       "slot":"S001",
       "version":0,
       "attributeName":"txfield",
       "attributeType":
          {"id":1,
           "description":"Textbox",
           "attributeType":"textbox",
           "databaseType":"STRING"
          },
       "options":[],
       "order":1,
       "attributeLabel":"txField",
       "checked":null
      }
     ]  
 },
 {"id":1426,
  "version":3,
  "entityName":"entity02",
  "entityLabel":"Entity02",
  "entityPluralLabel":"Entity02",
  "attributes":
     [{"id":1464,
       "slot":"D001",
       "version":0,
       "attributeName":"dfield",
       "attributeType":
          {"id":7,
           "description":"Date",
           "attributeType":"date",
           "databaseType":"DATE"
          },
       "options":[],
       "order":2,
       "attributeLabel":"dField",
       "checked":null
      }
     ]
 }
]

デバッガーでは、リクエストがRESTサービスに送信され、応答が受信されました。entityListコレクションに受信データが入力されているかどうかを確認するにはどうすればよいですか？フェッチ（）;

私は正しい方法ですか、それともコードに問題がありますか？

restbackbone.js
37
Danyan

あなたは正しい道にいると思います。ただし、Backbone.Collection.fetch()は非同期であるため、メソッド呼び出しの直後ではなく、successフェッチのコールバックでentityList.modelsの値を確認する必要があります。

つまり、このコードはモデルリストが空であることを示します。

entityList.fetch();
console.log(entityList.models); // => 0 (collection being fetched)

このコードは、コレクションにデータが入力されたときにコレクション内のモデルの数を出力します：

entityList.fetch({success: function(){
    console.log(entityList.models); // => 2 (collection have been populated)
}});
83
kulesa