骨幹：渲染樹數據和更新變化

Question

我從服務器獲取某種樹的數據（只是例子）：

[ 
    { 
    nodeName: "top level 1", 
    nodes: [ 
     { 
     nodeName: "2nd level, item 1", 
     nodes: [ 
      { 
      nodeName: "3rd level, item 1"} 
     ]} 
    ]}, 
{ 
    nodeName: "top level 2", 
    nodes: [ 
     { 
     nodeName: "2nd level, item 3", 
     nodes: [ 
      { 
      nodeName: "3rd level, item 7"}, 
     { 
      nodeName: "3rd level, item 8"}, 
     { 
      nodeName: "3rd level, item 9"} 
     ]} 
    ]} 
]​ 

要使用Backbone.Marionette.CollectionView &骨幹呈現此我'。 Marionette.CompositeView http://jsfiddle.net/AdWjU/179/（以下derickbailey's article）。

但我需要輪詢服務器每300秒，它可以返回改變樹：

[ 
    { 
    nodeName: "top level 1", 
    nodes: [ 
     { 
     nodeName: "2nd level, item 1", 
     nodes: [ 
      { 
      nodeName: "3rd level, item 1"}, 
      { 
      nodeName: "new name"} // changed 
     ]} 
    ]}, 
{ 
    nodeName: "top level 2", 
    nodes: [ 
     { 
     nodeName: "2nd level, item 3", 
     nodes: [ 
      { 
      nodeName: "3rd level, item 7"}, 
     { 
      nodeName: "3rd level, item 8"}, 
     { 
      nodeName: "3rd level, item 9"}, 
     { 
      nodeName: "3rd level, item 10"} // added 
     ]} 
    ]} 
]​ 

現在我只需調用tree.update（數據）重新呈現整個數據。

如何僅更新取決於已更改屬性的視圖？

我試圖減少意見，這是重新渲染。我應該使用CompositeViews還是嘗試使用Backbone-relational模型來完成此任務？

Answer 1

由於您每次初始化時都重新構建集合，因此每當您調用update時，都會從頭開始重新創建節點樹。

爲了保留您的節點樹，您必須同步從骨幹網中的服務器獲得的樹。最直接的方法是創建與nodeName一起傳遞的唯一ID，並將模型和集合建立在此之上。然後，你可以重寫此：

if (nodes) { 
    this.nodes = new TreeNodeCollection(nodes); 
    this.unset("nodes"); 
} 

進行查找，看看你的節點存在，並追加到相關的集合，而不是爆破出來，再創造的。