観測可能なコレクションが変更されたときにDivsを更新する

Question

アイテムがそのコレクションに追加/削除されたときにobservableコレクションにバインドされたdivのリストを更新するプラグインまたはjqueryユーティリティはありますか？ 1000個のアイテムがあるので、バインドされたリストが変更されたときにdivを追加/削除する最適な方法を探しています。

私たちはKOまたはjquery.tmplでこれについて聞きたいと思うでしょう。

Answer 1

これはあなたの探している答えではないかもしれませんが、それを行う方法の1つになる可能性があります。 私は、[追加]を持つオブジェクト内の配列をラップし、あなたが今

Collection.Add() 

と

Collection.Remove() 

を呼び出すことができます

var Collection = (function() { 
    var collectionArray = new Array(); 
    //"private" methods 
    function updatePageDivs() 
    { 
     //Logic to update your Divs 
    } 
    //"public" methods 
    return{ 
     Add: function(element){ 
      collectionArray[collectionArray.length] = element; 
      updatePageDivs(); 
     }, 
     Remove: function(element){ 
      //other logic to remove elements and to trigger the updatePage 
     } 
    } 

}); 

（配列を変更したり、他の機能）メソッドを削除します

あなたのjavascriptコレクションを変更します。どちらもあなたのpagedivsを更新します。