GridViewとjQGrid

「マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

• 戻る

目次 †

概要 †

技術組合せ †

GridView?（ListView?） †

• ソート＆ページング
  • サーバ：対応可能
  • ローカル：対応不可能

• 更新処理：得意

jQuery †

• ソート＆ページング

• サーバ：
  • JSONのデータを返すWCFやWebAPI側で対応
  • 大量データでも問題無い。

• ローカル：
  • jQuery（jqGrid）で対応
  • 大量データでは性能的に問題。

• 更新処理：苦手

組合せ †

GridView?（ListView?）＋ jQuery（jqGrid）の場合の使い分け。

• 更新処理
  • 有り：GridView?（ListView?）
  • 無し：jQuery（jqGrid）

要件的選択 †

更新処理の有無 †

更新処理処理があるグリッドは、
GridView?（ListView?）＋DataSet?を使用した方が開発が容易。

ローカルソート＆ページング †

• jQuery（jqGrid）を使用する。
• 大量データの場合は採用できない。

サーバソート＆ページング †

大量データの要件にマッチする。

GridView?（ListView?） †

ObjectDataSource?と組み合わせると簡単に実装できる。 更新処理がある場合はコチラを採用したほうが良い。

• ObjectDataSource?とDataPager?を使って、
  ListView?にサーバーサイドページングを実装 84zume Works
  http://84zume.wordpress.com/2011/07/18/objectdatasource%E3%81%A8datapager%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%80%81listview%E3%81%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%B3%E3%82%B0%E3%82%92%E5%AE%9F/

• サンプル
  https://github.com/OpenTouryoProject/OpenTouryo/tree/develop/root/programs/CS/Samples/WebApp_sample/WebForms_Sample/WebForms_Sample/Aspx/sample/3Tier
  • ProductsConditionalSearch?.aspx
  • ProductsConditionalSearch?.aspx.cs

• ポイント
  • GridView?（ListView?）だと画面再描画になりますが、
    サーバ・ソート＆ページングであれば性能的に問題は無いと思います。
  • 画面再描画もアップデートパネルで何とかなりますが、
    この選択は開発者の好みで決まるように思います（jQueryの方が"流行っている"）。

jQuery（jqGrid） †

サーバーからデータを取得する。以下はJSONのフォーマット。

• wikiretrieving_data - jqGrid Wiki
  http://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data#json_string

以下はjqGridのサンプル。

• jqGrid Demos
  http://www.trirand.com/blog/jqgrid/jqgrid.html

• OpenTouryoProject?/SampleProgram?/・・・/jqGridandWCF
  https://github.com/OpenTouryoProject/SampleProgram/tree/master/ASPNET/WebForm/jqGridandWCF