作成日: 2015/03/09 最終更新日: 2015/03/09
文書種別
使用方法
詳細
GridViewの表示レスポンスまでの処理時間の多くはクライアント側におけるデータ表示におけるHTML DOM作成のための処理時間となっております。HTML DOM作成時間はデータ件数に比例します。そのため、HTML DOM作成対象となるデータ件数を少なくすることで、GridViewの表示レスポンスの改善が期待できます。
■手法1 仮想スクロールを使用する
この方法はスクロール領域を設定し、表示領域に表示されるデータのみHTML DOMを作成することで表示レスポンスの改善を狙うアプローチです。例えば100行のデータを表示するグリッドにおいて、20行のデータが表示できるスクロール領域を作成した場合、ページ表示時のHTML DOM作成対象はこの20行分のみとなり、表示レスポンスの向上を期待できます。
ただし、残りの行についてはスクロール時にHTML DOMが新しく自動的に作成されますので、仮想スクロールを行わない場合に比べてスクロール処理は若干遅くなります。
◎サンプルコード（VB）
◎サンプルコード（C#）
■手法2 ページング機能を使用する
この方法は1ページに表示するデータ件数を制御し、HTML DOMの作成時間を削減することで表示レスポンスの改善を狙うアプローチです。例えば100行のデータを20行×5ページに分けた場合、1ページあたりのHTML DOM作成時間は20件分となり、表示レスポンスの向上を期待できます。
◎サンプルコード（VB）
◎サンプルコード（C#）
■手法1 仮想スクロールを使用する
この方法はスクロール領域を設定し、表示領域に表示されるデータのみHTML DOMを作成することで表示レスポンスの改善を狙うアプローチです。例えば100行のデータを表示するグリッドにおいて、20行のデータが表示できるスクロール領域を作成した場合、ページ表示時のHTML DOM作成対象はこの20行分のみとなり、表示レスポンスの向上を期待できます。
ただし、残りの行についてはスクロール時にHTML DOMが新しく自動的に作成されますので、仮想スクロールを行わない場合に比べてスクロール処理は若干遅くなります。
◎サンプルコード（VB）
' Gridの高さを設定
C1GridView2.Height = 300
' 垂直方向、水平方向ともにスクロールを有効とする
C1GridView2.ScrollingSettings.Mode = ScrollMode.Both
' 垂直方向、水平方向ともに仮想スクロールを使用する
C1GridView2.ScrollingSettings.VirtualizationSettings.Mode = VirtualizationMode.Both
C1GridView2.Height = 300
' 垂直方向、水平方向ともにスクロールを有効とする
C1GridView2.ScrollingSettings.Mode = ScrollMode.Both
' 垂直方向、水平方向ともに仮想スクロールを使用する
C1GridView2.ScrollingSettings.VirtualizationSettings.Mode = VirtualizationMode.Both
◎サンプルコード（C#）
// Gridの高さを設定
C1GridView2.Height = 300;
// 垂直方向、水平方向ともにスクロールを有効とする
C1GridView2.ScrollingSettings.Mode = ScrollMode.Both;
// 垂直方向、水平方向ともに仮想スクロールを使用する
C1GridView2.ScrollingSettings.VirtualizationSettings.Mode = VirtualizationMode.Both;
C1GridView2.Height = 300;
// 垂直方向、水平方向ともにスクロールを有効とする
C1GridView2.ScrollingSettings.Mode = ScrollMode.Both;
// 垂直方向、水平方向ともに仮想スクロールを使用する
C1GridView2.ScrollingSettings.VirtualizationSettings.Mode = VirtualizationMode.Both;
■手法2 ページング機能を使用する
この方法は1ページに表示するデータ件数を制御し、HTML DOMの作成時間を削減することで表示レスポンスの改善を狙うアプローチです。例えば100行のデータを20行×5ページに分けた場合、1ページあたりのHTML DOM作成時間は20件分となり、表示レスポンスの向上を期待できます。
◎サンプルコード（VB）
' ページングを使用する
C1GridView1.AllowPaging = True
' 1ページに20行表示する
C1GridView1.PageSize = 20
C1GridView1.AllowPaging = True
' 1ページに20行表示する
C1GridView1.PageSize = 20
◎サンプルコード（C#）
// ページングを使用する
C1GridView1.AllowPaging = true;
// 1ページに20行表示する
C1GridView1.PageSize = 20;
C1GridView1.AllowPaging = true;
// 1ページに20行表示する
C1GridView1.PageSize = 20;
旧文書番号
81208