0

我在一个集合中有两个不同的模型，如何在视图中访问它们？问题分为两部分，如果您对问题不清楚，请告诉我。

第1部分

模型 1

Movie = Backbone.Model.extend({
     initialize:function(){
         console.log("The model 'Movie' initialized");
     }
});

模型 2

Songs = Backbone.Model.extend({
     initialize:function(){
          console.log("The model 'Songs' initialized");
     }
});

为这些模型创建的实例作为数组添加到集合中，如下所示

var movie = new Movie({type:"movie",name:"Lord of the Rings",year:"2006"});
var songs = new Songs({type:"songs",name:"Rahna Thu", artist:"A R Rahman", album:"Delhi-6"});

var entertainment = new Backbone.Collection([movie,songs]);

现在，我如何在我的视图中访问这些模型？要加载这些模型并绑定到模板？我不知道我是否正确，但我做了这样的事情

MainView = Backbone.View.extend({
    collection:entertainment,
    initialize:function(){
        $.each(this.collection.toJSON(),function(i,item){
            if(item.type=="songs"){
                alert("Song: "+item.name+" Artist: "+item.artist+" Album: "+item.album);
            }
        });
    }
});
var mainview = new MainView({el:$('body')});

虽然我得到了正确的警报，但我需要知道这是否是正确的方法。

第二部分

现在我的问题的第二部分。如果这些模型只有“urlRoot”怎么办？如何预取模型并填充集合？

即在我的第二种情况下，我的模型如下

Movie = Backbone.Model.extend({
     urlRoot:"https://localhost:8080/entertainment/movies"
});

和

Songs = Backbone.Model.extend({
     urlRoot:"https://localhost:8080/entertainment/songs"
});

现在，如何将这些模型添加到集合中并在视图中访问它们？

我期待的实际解决方案是在加载仪表板页面时加载多个数据，例如网格、图表和其他服务器端数据。由于所有这些都需要在页面加载时填充，所以我想到了这样的解决方案。我在这里做正确的事吗？或者有更好的方法吗？

对不起，这个问题很长，但非常感谢这里的一些专家建议。

4

1 回答 1

0

Backbone 实际上被设计为具有与您不同的模型和集合。模型在面向数据的对象的结构上应该是相似的，因为集合应该是相似模型的聚合器。

您的应用程序应如下所示：

var Movie = Backbone.Model.extend({ 
    initialize: function() { console.log('movie initialized') });
});

var Song = Backbone.Model.extend({ 
    initialize: function() { console.log('song initialized') });
});

var Movies = Backbone.Collection.extend({ 
    model : Movie,
    url : 'https://localhost:8080/entertainment/movies'
    initialize: function() { console.log('movies collection initialized') });
});

var Songs = Backbone.Collection.extend({ 
    model : Song,
    url : 'https://localhost:8080/entertainment/songs'
    initialize: function() { console.log('songs collection initialized') });
});

MainView = Backbone.View.extend({
    initialize:function(){
        this.entertainment = {
            songs : new Songs(),
            movies : new Movies()
        };
        this.entertainment.songs.each( function(model) {  // Underscore method
             alert("Song: "+model.get('name')+" Artist ...");
        });
    }
});

你不应该将不同类型的模型放在一个集合中，因为你会破坏（或者你会创建不正确的）数据库 API。

于 2012-05-09T18:27:39.007 回答