1

問題が発生しました。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行として定義する可能性があります。

この問題を解決するのに役立つノックアウト用のプラグインを知っていますか?

4

2 に答える 2

0

正直に言うと、あなたは間違った質問をしていると思います! koGrid があなたの問題に合わないのはなぜですか? 私はそれを使用していませんが、ドキュメントを見ると、カスタム行テンプレートを使用できます。koGrid では実行できないことで、正確には何をしたいのでしょうか?

于 2013-02-08T11:26:05.620 に答える
0

giga-scroll のようなものを見つけましたhttps://github.com/mpj/giga-scroll 見た目はいいのですが、通常のスクロールを jScrollPane のようなカスタム スクロールに変更する必要があります。

データの遅延読み込みもサポートされています。

于 2013-02-08T12:47:14.437 に答える