GridViewとjQGrid のバックアップの現在との差分(No.3)

バックアップ一覧
差分を表示
ソースを表示
バックアップを表示
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
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。

-[[戻る>Grid]]

* 目次 [#nfe3a16c]
#contents

*概要 [#vc737d7e]
GridViewとjQGridのどちらを採用するか？

*技術組合せ [#u0e9e75b]

***GridView（ListView） [#hf9cfc77]
**GridView（ListView） [#hf9cfc77]
-ソート＆ページング
--サーバ：対応可能
--ローカル：対応不可能

-更新処理：得意
-更新処理：得意（GridViewのtable上のinputをPOSTするだけ）

***jQuery [#qaa86dbf]
**jQuery [#qaa86dbf]
-ソート＆ページング

--サーバ：
---JSONのデータを返すWCFやWebAPI側で対応
---大量データでも問題無い。
---ページングなどを使用して、大量データでも問題無く書く事とは出来る。

--ローカル：
---jQuery（jqGrid）で対応
---大量データでは性能的に問題。
---ページングなどを使用して、大量データでも問題無く書く事とは出来る。

-更新処理：苦手
-更新処理：~
苦手（WebAPIが相対的に難しいので、参照処理を書くので息切れするので）

***組合せ [#lcaff3cc]
GridView（ListView）＋ jQuery（jqGrid）の場合の使い分け。
**組合せ [#lcaff3cc]
GridView（ListView）＆ jQuery（jqGrid）の場合の使い分け。

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

*要件的選択 [#d8d54dc3]

**更新処理の有無 [#l2dece15]
更新処理処理があるグリッドは、~
GridView（ListView）＋DataSetを使用した方が開発が容易。

**ローカルソート＆ページング [#ncc0b46b]
-jQuery（jqGrid）を使用する。
-大量データの場合は採用できない。

**サーバソート＆ページング [#z890fefb]
大量データの要件にマッチする。
 
***GridView（ListView） [#j61b233b]
ObjectDataSourceと組み合わせると簡単に実装できる。
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
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） [#qea73402]
サーバーからデータを取得する。以下はJSONのフォーマット。
-サーバーからデータを取得する。以下はJSONのフォーマット。

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

以下はjqGridのサンプル。
-以下はjqGridのサンプル。

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

--OpenTouryoProject/SampleProgram/・・・/jqGridandWCF~
https://github.com/OpenTouryoProject/SampleProgram/tree/master/ASPNET/WebForm/jqGridandWCF