グリッドのパフォーマンス

Grid ウィジェットは高速に動作するように設計されています。

このウィジェットを最大限に生かすには、新しい allowVirtualScrolling オプションを true に設定することをお勧めします。

wijgrid の仮想スクロールを使用すると、50 レコードをロードする時間で 500,000 レコードをロードできます。このモードでは、グリッドのビューポートに最初に表示される行と、円滑にスクロールするためのバッファ分のみがレンダリングされます。このため、100 万レコードある場合でも、wijgrid は円滑にスクロールを行い、シームレスなキーボードナビゲーションを実現できます。

ライブウィジェット
スクリプト

スクリプト	コードのコピー
<script id="scriptInit" type="text/javascript"> require(["wijmo.wijgrid"], function () { $(document).ready(function () { $("#demo").height(300).wijgrid({ data: (function(count) { var arr = []; for (var i = 0; i < count; i++) { arr.push({ ID: i, Name: "Cell" + i, Value: "Value" + i }); } return arr; })(10000), scrollMode: "auto", allowVirtualScrolling: true }); }); }); </script>

スクリプト

コードのコピー

<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijgrid"], function () {
        $(document).ready(function () {
            $("#demo").height(300).wijgrid({
                data: (function(count) {
                    var arr = [];

                    for (var i = 0; i < count; i++) {
                        arr.push({
                            ID: i,
                            Name: "Cell" + i,
                            Value: "Value" + i
                        });
                    }
                    return arr;
                })(10000),
                scrollMode: "auto",
                allowVirtualScrolling: true
            });
        });
    });
</script>

関連トピック

参照