ASP.NET MVCのグリッドコントロール?[閉まっている]


278

ASP.NET MVCを使用している場合、グリッド表示をどのように行っていますか?あなた自身を巻きましたか?どこかから図書館を手に入れましたか?

これらは私がASP.NET MVCのために見つけた既知のグリッド表示ソリューションの一部です

他に使用していることがわかっている場合、または良いことがわかっている場合は、お知らせください。


5
JavaScriptをサポートするグリッドを期待していましたが、JavaScriptが無効になっている場合、完全なGETリクエストにうまく分解できます。しかし、私は自分でビルドする必要があります:(
AndreiRînea

18
これ以上あなたに同意することはできませんでした。私はよく投票された質問も締め切りましたが、これもまた驚いていました。賛成票を獲得することは、質問がどれほど建設的であるかについて語るべきです。これらのモデレーターは、何が建設的で何がそうでないかを熱心に示しているので、これらのモデレーターには十分ではありません。
ソニックソウル

11
ええ、この質問は私にとって非常に建設的です。ただし、どのライブラリが最適であるかを尋ねる質問は常に閉じています。
Josh Mouch 2013

11
これらの "モデレーター"が、何が便利であると思う人よりも何が便利であるかを知っていると思っているように見えるのは、私にとってかなり驚くべきことです。
ケン・スミス

4
私はこれ以上同意できませんでした。構造形容詞1.有用な目的を果たす。蓄積する傾向があります。
デイブジェリソン2013

回答:


40

私たちはプロジェクトでjqGridを使用しており、それでうまくいきました。インライン編集などのオプションがたくさんあります。それが必要ない場合は、@ Hrvojeのような単純なforeachループを使用しました。


こんにちは@ SeanCarpenter-ための任意の提案、この
モハメッドZameer

1
これは商用製品であり、ダウンロードは30日間の試用版です。
Amir978

29

Stack Exchange Data ExplorerでSlick Gridを使用しています(2000行を含む例)。

jqGridおよびflexigridよりもパフォーマンスが優れていることがわかりました。それは非常に完全な機能セットを備えており、私はそれを十分にお勧めできませんでした。

使用例はこちらです。

ASP.NET MVCアプリへの統合方法に関するソースサンプルは、https://code.google.com/p/stack-exchange-data-explorer/で確認できます。


それは非常に素晴らしく高性能ですが、常に単純なデータと列を使用する場合にのみ(私はいくつかのテーブルに行スパン、グラフィックスなどのタッチを追加して、より良いものにしています)
Eduardo Molteni

サンプルを見ると、このグリッドを使用して多くのことができるようです...私は好きでした…
ロミアス

まだスリックグリッドを使用していますか?
naveen 2015

24

グリッドの機能要件が限られているため、独自に開発しました。私たちはページネーションのようないくつかの優れた点でJQueryをあちこちで使用していますが、それだけが本当に必要なことです。

もう少し完全な機能が必要な場合は、ExtJsグリッドをこちらで確認できます

また、MvcContribにはグリッドの実装があるので、チェックしてみてください。より具体的にはこちら


2
以前はextjsも使用していました。それを使って本当に気に入りました。
Dai Bok

16

Telerikにはグリッドなどの優れたコンポーネントがいくつかあり、それらもオープンソースです。 http://demos.telerik.com/aspnet-mvc/


9
私は最後の日をTelerikグリッドでの作業に費やしましたが、これまでになくとらえどころのない「ハッピーパス」に留まることができれば、それは非常に素晴らしいことです。ただし、私のアプリは静止ルーティング(つまり、削除によってHttpメソッドのオーバーライドが「/ controller / {id}」に送信され、DELETEがオーバーライドされる)を使用しているため、Telerikグリッドにとって「ハッピーパス」から離れすぎているようですなど、私に役立つこと、そしてそのコードがあまりにもしっかりきれいに継承によって、その動作を上書きするために結合されている
ジェームズ・ネイル

10
オープンソース製品の用語は、GPLv2互換のオープンソースプロジェクトでのみ使用されることを意味することに注意してください。これにより、多くの商用アプリケーションが除外されます。合法性を維持したい場合:)
James McCormack

5
Telerikのコンポーネントに満足したことはありません。それらは見た目がよく、標準的な機能で動作しますが、デモの一部ではない何かを実行しようとすると、状況はさらに悪化します。あなたは彼らの剣道UIをチェックするかもしれません。ヒープはもっと良いですが、それでも完璧ではありません
Maksym Kozlenko 2012

12

データを表示するだけの場合は、単純なforeachまたはaspRepeaterを使用します。編集のために、専用のビューとアクションを作成します。いずれにせよ、webforms GridViewインライン編集機能は好きではありませんでした。これは、非常に明確で優れています。1つは表示用、もう1つは編集/新規用です。


同意する。グリッドでのインライン編集も好きではありません。
ルネ・

1
UXの観点からは、1つの大きく複雑な画面よりも小さな画面を多くする方が良いでしょう。また、1つの大きなdb.Save(pageData)ではなく画面コマンドの動作を分離できるため、モデルCRUDの「単なる」束とは異なり、ドメインモデルの動詞に向かって移動できるため、優れたサーバー側コード設計(OOP)によく適合します。メソッド。
Hrvoje Hudo

インライン編集は好きではないので、私も同意します。関心の分離は、タスクを容易にします。
Hemal



7

また、codeplex:http ://mvccontrolstoolkit.codeplex.com/で入手できるMVC Controls Toolkitの挿入/更新/削除データグリッドを使用することもできます 。ここでは、完全な例をダウンロードできます。ここでは、データグリッドが機能し、ここここにチュートリアルがあります。DataGridは完全にクライアント側で機能し、ポスト間の変更セットを管理します。はい、変更セットが必要です。つまり、各レコードの古いバージョンと変更されたバージョンの両方にアクセスして、DBに渡す変更(変更または削除が必要な変更)を確認できます。この変更セットは、サーバー側での変更を確認またはキャンセルするまで、いくつかの投稿の後に保持されます。


5

読み取り専用の場合は、テーブルを作成することをお勧めします。その場合、本当に簡単ですが強力なJQueryをいくつか適用します。

単純な代替色については、この単純なJQueryを試してください

ソートが必要な場合は、このJQueryプラグインを使用すると簡単です。


1
はい。これを見た。スコットハンセルマンがこのことについて話していたのは、フィルハックがこの記事にリピーターヘルパーコードを投稿したときです。haacked.com
2008/05/03

1
それが私が最初のリンクについても知った方法だと思います!私が今行っているグリッドのほとんどは、クライアントで行われています。スコットの先端はよく受け取られました。
Mark Kadlec、

4

ここでMvc Controls Toolkitグリッドの例を試しました。非常に強力で使いやすいグリッドに見えます。このチュートリアルでは、グリッドの使用方法だけでなく、ページング、ビューモデルとデータアノテーションの整理方法についても説明しています。それを読む価値があります。



2

Infragistics jQueryコントロールからグリッドをチェックしてください

以下は、コードを含むASP.NET MVCサンプルです。

http://labs.infragistics.com/aspnet-mvc/Grid/AllFeatures


ありがとう。上記のリストに追加されます。
MikeJ 2011年

マイク、リストに次を追加できます:infragistics.com/dotnet/netadvantage/jquery-controls/grid.aspx
akshayl

インフラジスティックスからigGridへのリンクで更新しました。私が感謝祭のために離れていたので、遅れてすみません。igGridは興味深く見えます。
MikeJ

1
これをプロダクションアプリで使用しようとした人から来たので、このグリッドはお勧めしません。バグが多く、文書化が不十分であり、オープンソースではないためか、コミュニティによるサポートは事実上ありません。ほとんどの機能(並べ替え、列のサイズ変更など)には、さまざまな回避策や妥協を伴う問題があります。過去に使用したWinforms Infragisticsグリッドはうまく機能しましたが、よりベイクされるまで、Webバージョンを回避します。
Josh Noe
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.