GridViewとjQGrid のバックアップ(No.2) - マイクロソフト系技術情報 Wiki

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
GridViewとjQGrid へ行く。
- 1 (2015-01-08 (木) 15:02:07)
- 2 (2015-01-08 (木) 15:28:58)
- 3 (2015-01-09 (金) 22:01:06)
- 4 (2015-01-14 (水) 15:12:15)
- 5 (2016-01-26 (火) 13:27:25)
- 6 (2016-01-27 (水) 11:07:13)
- 7 (2017-03-01 (水) 21:13:39)
- 8 (2017-08-21 (月) 15:26:13)
- 9 (2018-06-14 (木) 17:38:33)
- 10 (2018-06-28 (木) 11:51:37)

Open棟梁Project - マイクロソフト系技術情報 Wiki

目次 †

目次
概要
技術組合せ
要件的選択

概要 †

技術組合せ †

GridView?（ListView?）
- ソート＆ページング
  - サーバ：GridView?（ListView?）
- 更新処理：得意

jQuery
- ソート＆ページング
  - サーバ：JSONのデータを返すWCFやWebAPIで対応
  - ローカル：jQuery（jqGrid）
- 更新処理：苦手

GridView?（ListView?）＋ 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/C%23/Samples/WebApp_sample/ProjectX_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