仮想スクロール

wijgrid ウィジェットでは、 allowVirtualScrolling オプションを true に設定することで、きわめて大量のデータセットでもなめらかにスクロールできます。次のスクリプトは、scrollMode オプションを「auto（自動）」に設定します。

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

スクリプト	コードのコピー
<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: "Name" + 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: "Name" + i,
        Value: "Value" + i
        });
         }
          return arr;
        })(10000),
        scrollMode: "auto",
        allowVirtualScrolling: true
         });
       });
    });
</script>