관찰 가능한 컬렉션 변경시 Divs 업데이트

Question

아이템이 해당 컬렉션에 추가/제거 될 때 observable 컬렉션에 바인딩 된 div 목록을 업데이트하는 플러그인 또는 jquery 유틸리티가 있습니까? 1000 개의 항목이 있으므로 바운드 목록이 변경 될 때 div를 추가/제거하는 최적의 방법을 찾고 있습니다.

우리는 KO 또는 jquery.tmpl에서이 문제에 대해 관심을 가질 것입니다.

Answer 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 
     } 
    } 

}); 

(배열을 변경하거나 다른 기능) 메소드를 제거 할

귀하의 자바 스크립트 컬렉션을 변경할 수 있습니다. 둘 다 pagedivs를 업데이트 할 것입니다.