스크롤 목록에 많은 양의 데이터가 있습니다.

Question

문제가 있습니다.

<script> 
    ... 
    that.array = ko.observableArray([]); 
    that.getData = function(){ 
     $.getJson("linkToResource",function(json){ 
     that.array(ko.mapping.toJS(json)); 
     } 
    } 
    ... 
</script> 

및 템플릿으로 foreach 문에 표시 :

<ul data-bind="foreach: array"> 
    <li data-bind="template: {name: 'my-element-template'}"></li> 
</ul> 

내가이 UL 목록에 mCustomScrollbar을 적용 나는 REST에서 얻을 수있는 몇 객체와 스크롤 목록을 만들었습니다. 내 REST 서비스가 많은 양의 데이터 (2000-20000 행)를 반환 할 때까지 모든 것이 잘 진행됩니다.

이 데이터 패키지는 브라우저를 죽입니다. 2000-20000 년의 li 요소를 표시해야합니다.

나는 약간의 연구를했고 그런 데이터의 양과 잘 어울리는 koGrid와 같은 것을 발견했다. 이 플러그인은 뷰포트에 몇 가지 요소 만 표시하고 스크롤하면 표시 할 데이터가 변경됩니다.

불행히도 koGrid가 내 문제에 부합하지 않습니다.

맞춤 스크롤이있는 srollable 목록이 필요하며 템플릿에서 한 행으로 정의 할 수있는 가능성이 있습니다.

이 문제로 나를 도울 수있는 녹아웃을위한 플러그인을 아십니까?

Answer 1

솔직히 말해서 나는 당신이 틀린 질문을하고 있다고 생각합니다! 왜 당신의 문제에 코그리드가 맞지 않습니까? 나는 이것을 사용하지 않았지만 documentation을 보면 사용자 정의 행 템플리트를 가질 수 있습니다. 코그리드가하지 않는다고 정확히하고 싶습니까?

Answer 2

giga-scroll과 비슷한 것을 찾았습니다. https://github.com/mpj/giga-scroll jambroll-jScrollPane과 같은 일반 스크롤을 일반적인 스크롤로 변경해야합니다.

지연로드 데이터도 지원됩니다.