如何將骨幹網集合呈現爲兩個視圖

Question

我正在使用twitter引導程序鏈接。當用戶點擊鏈接時，會出現一個引導模式。 現在由於模態渲染的一些bootstrap技術困難，我需要分離鏈接並將模式從navbar div中移出。

所以考慮我有兩個單獨的div

     <div id="linkDiv"> 

         </div> 

和

     <div id="modalDiv"> 

         </div> 

現在我只有一個視圖，這使得服務器的調用獲取集合

app.View.FriendRequestListView = Backbone.View.extend({ 
templateModalLink: _.template($('#link').html()), 
templateModal: _.template($('#modal').html()), 

tagName: 'div', 

initialize: function(){ 
    this.friendRequestCollection = new app.Collection.FriendRequestCollection(); 
    this.friendRequestCollection.bind("reset", this.render, this); 
    this.friendRequestCollection.fetch(); 
}, 

render: function() { 
    $(this.el).html(this.templateModalLink({ 
     friendRequestCollection: this.friendRequestCollection})); 
    return $(this.el); 
}, 
}); 

比我可以只渲染一個格如下

var list = new app.View.FriendRequestListView(); 
    $('#linkDiv').html(list.$el); 

我的問題是，是否有可能在同一時間呈現兩個模板和兩個模板添加到不同的DIV例如像在我的情況我想更新 templateModalLink模板linkDiv和templateModal模板modalDiv與我從服務器獲取的集合。

Answer 1

你必須實例app.View.FriendRequestListView（S）之前的收集和傳遞app.View.FriendRequestListView（S）集合：

var friendRequests = new app.Collection.FriendRequestCollection(); 
friendRequests.fetch(
    success: function(collection, response, options) { 
     var list1 = new app.View.FriendRequestListView({collection: collection}); 
     var list2 = new app.View.FriendRequestListView({collection: collection}); 

     $('#linkDiv').html(list1.$el); 
     $('#modalDiv').html(list2.$el); 
    } 
);