仮想スクロール

WebDataGrid™ は、エンドユーザーがコントロールをスクロールした時に、データレコードの一部をクライアントに送信し、オンデマンドで追加のデータレコードを要求することを可能にする仮想スクロールをサポートします。したがって、データソース全体をクライアントに送信することなくエンドユーザーが大量のデータをナビゲートすることを可能にすることによって、仮想スクロールの動作はパフォーマンスを多大に向上します。

行キャッシュとロードしきい値

WebDataGrid では、 VirtualScrolling オブジェクトの RowCacheFactor プロパティを設定することで行キャッシュのサイズを構成できます。キャッシュの行数は RowCacheFactor で乗算した表示行に等しいです。行キャッシュの特定のポイントに達しており追加行が必要であることをグリッドに通知するしきい値を構成することも可能です。この機能は ThresholdFactor プロパティで設定できます。

たとえば、WebDataGrid に RowCacheFactor を 3 に設定された 10 行のビューポートがある場合、行のキャッシュは 30 行に等しいです。行 101 にスクロールする場合、ビューポートの行 101 から 110 までが表示されます。ビューからの追加のキャッシュされた行は行 91 から 100 と行 111-120 です。ThresholdFactor が .5 でビューポートが 10 行含む場合、しきい値は行キャッシュの終わりから 5 行になります。したがって、この例では、しきい値は行 95 と行 115 になります。これらの行のいずれかにスクロールする場合、WebDataGrid は追加行のリクエストを行います。

WebDataGrid は、行の実際の高さが 20 ピクセルと異なる時にグリッドの初期ロード時にキャッシュの行数を調整するためのオプションを提供します。セルのテキストが長い状況でこれは役に立ちます。ブラウザの自動折り返し機能のために行の高さが増えるからです。AverageRowHeight プロパティを設定するだけで初期ロード時のキャッシュの行の平均的な高さを設定できます。デフォルトでこのプロパティは 20 に設定されます。

注： AverageRowHeight プロパティの値が行の実際の高さと大幅に異なる場合、スクロール動作は壊れます。値が大きすぎると、グリッドは新しい行に対する非同期要求を頻繁に発生させるか、グリッドは一部の行しかを表示しない場合があります。値が小さすぎると、スクロールが移動する時にグリッドは応答に失敗する場合があります。

スクロールモード

VirtualScrolling オブジェクトの ScrollingMode プロパティを設定するだけで、仮想スクロールメカニズムは以下の 2 つの異なるモードで動作できます:

Virtual — このモードでは、エンドユーザーはグリッド内にすでにキャッシュされている行をすぐにスクロールできます。キャッシュされたレコードを越えてスクロールしようとすると、その範囲内に属するレコードの次のバッチを検索するための AJAX 要求が行われます。
Deferred — このモードでは、エンドユーザーは仮想スクロールバーをクリックアンドドラッグすることによってデータをスクロールできます。ただし、エンドユーザーがスクロールバーでマウスキャプチャを放すと、そのスクロールバーの位置にあるレコードにしかジャンプしません。エンドユーザーがスクロールする間、最初の表示行のインデックスがツールチップとして表示されます。グリッドはグリッド内の一番上の表示行として選択した行を使用し、その行に基づいてキャッシュをリセットします。

行キャッシュ内のデータでスクロールすることは円滑なプロセスです。スクロールの結果データ要求になる場合、WebDataGrid は若干の休止を生じます。エンドユーザーがスクロールバーを押して不規則のドラッグすることは可能であるため、データフェッチ遅延として知られている概念が WebDataGrid に追加され、構成可能なプロパティとして公開されます。 DataFetchDelay プロパティによって、エンドユーザーがスクロールを中止した後で経過しなければならない時間を指定できます。この時間が経過すると、WebDataGrid は追加行をフェッチするリクエストを起動します。WebDataGrid が追加行を要求する時を詳細に制御および調整できます。

デザイナーを介して、または Microsoft® Visual Studio® [プロパティ] ウィンドウを使用する、または以下のコードを使用して WebDataGrid で仮想スクロール動作を有効にできます:

Visual Basic の場合：

WebDataGrid1.Behaviors.VirtualScrolling.Enabled = true

C# の場合：

WebDataGrid1.Behaviors.VirtualScrolling.Enabled = true;