javascript - 当可观察集合发生变化时更新 Div

Question

当项目被添加/删除到该集合时，是否有任何插件或 jquery 实用程序可以更新绑定到可观察集合的 div 列表？我们有 1000 多个项目，因此正在寻找在绑定列表更改时添加/删除 div 的最佳方式。

我们有兴趣在 KO 或 jquery.tmpl 中听到这个。

Answer 1

这可能不是您要寻找的答案，但它可能是一种方法。我会将数组包装在具有 Add 和 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
        }
    }

});

您现在可以致电

Collection.Add()

和

Collection.Remove()

更改您的 javascript 集合。两者都会更新您的 pagediv。