「[[マイクロソフト系技術情報 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のtable上のinputをPOSTするだけ) **jQuery [#qaa86dbf] -ソート&ページング --サーバ: ---JSONのデータを返すWCFやWebAPI側で対応 ---ページングなどを使用して、大量データでも問題無く書く事とは出来る。 --ローカル: ---jQuery(jqGrid)で対応 ---ページングなどを使用して、大量データでも問題無く書く事とは出来る。 -更新処理:苦手(WebAPIが相対的に難しいので、参照処理を書くので息切れするので) -更新処理:~ 苦手(WebAPIが相対的に難しいので、参照処理を書くので息切れするので) **組合せ [#lcaff3cc] GridView(ListView)& jQuery(jqGrid)の場合の使い分け。 -更新処理 --有り:GridView(ListView) --無し:jQuery(jqGrid) *要件的選択 [#d8d54dc3] **更新処理の有無 [#l2dece15] 更新処理処理があるグリッドは、~ GridView(ListView)+DataSetを使用した方が開発が容易。 **ローカルソート&ページング [#ncc0b46b] -jQuery(jqGrid)を使用する。 -大量データの場合は採用できない。 **サーバソート&ページング [#z890fefb] 大量データの要件にマッチする。 ***GridView(ListView) [#j61b233b] 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) [#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~ --OpenTouryoProject/SampleProgram/・・・/jqGridandWCF~ https://github.com/OpenTouryoProject/SampleProgram/tree/master/ASPNET/WebForm/jqGridandWCF