pas de modèles sur aller chercher collection.fetch dans backbone

Question

Mon collection.fetch ne fonctionne pas et ne rend pas les modèles à rendre. J'ai sur mon router.js

itemcollection = new ItemCollection(); 
     itemcollection.fetch(); 
     ItemListView.render(); 
     CartListView.render(); 
    } 

mes itemcollection.js

define([ 
'underscore', 
'backbone', 
'model/item_model' 
    ],function(_, Backbone, Item){ 
var ItemCollection = Backbone.Collection.extend({ 
    model: Item, 
    url: 'http://posbeta.interprisesolutions.com/POSMobileConnector/Product/loaditembycategory/Event Materials', 
    parse: function(response) { 
    return response.Items; 
    } 
}); 
return ItemCollection; 
}); 

mon avis:

initialize: function(){ 
    ItemCollection.bind("reset", this.render); 
}, 
render: function(){ 
    var data = { 
    items: itemcollection.models 
    } 
    var compiledTemplate = _.template(ItemListTemplate , data); 
    $("#itemContainer").html(compiledTemplate); 

}, 

La chose drôle est quand je déboguer en utilisant Firebug, il affiche correctement quand je supprime le point d'arrêt, il n'affiche rien. des idées?

Answer 1

Gardez à l'esprit que fetch est asynchrone - il retourne immédiatement, avant que les données aient été chargées.

Vous pouvez essayer quelque chose comme:

itemcollection = new ItemCollection(); 
itemcollection.fetch({ 
    success: function() { 
    ItemListView.render(); 
    CartListView.render(); 
    } 
}); 

Sinon, vous pouvez écouter sur l'événement reset de la collection.

Answer 2

L'URL a un espace dans le:

.../Matériaux de l'événement,

Essayez de le supprimer ou l'encoder avec %20