問題が発生しました。RESTから取得したいくつかのオブジェクトを使用してスクロールリストを作成しました。
<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サービスが大量のデータ(2000〜20000行)を返すまで、すべてがうまくいきます。
このデータパッケージはブラウザを殺すだけです。2000〜20000のli要素を表示する必要があります。
私はいくつかの調査を行い、koGridのようなものを見つけました。これはそのような量のデータと非常によく合います。このプラグインは、ビューポートにいくつかの要素のみを表示し、表示する必要のあるデータを変更するだけでスクロールします。
残念ながら、koGridは私の問題に適合しません。
カスタムスクロール付きのスクロール可能なリストが必要であり、テンプレートで1行として定義する可能性があります。
この問題を解決するのに役立つノックアウト用のプラグインを知っていますか?