ASP.NET MVC 3 Razorを使用した再利用可能なテーブル表示テンプレート

Question

新しいRazor構文を使用してASP.NET MVC3で表形式の表示テンプレートを作成する良い方法はありますか？

ASP.NET MVC 2では、Phil Haackがブログtabular display templatesでブログしていました。 ASP.NET MVC3でより良いアプローチがありますか？

EDIT：

モデルのメタデータに基づいてグリッドを描画することも可能ですか？ WebGrid APIを使用して列を手動で定義するのではなく、モデルのメタデータを使用します。私が見ている問題は、WebGrid APIを使用して毎回手動でテーブルを定義する必要があることです。 のテーブルを持っている可能性があります。

編集： モデルメタデータを使用してグリッドを作成するための良い方法はありますか？

Answer 1

new WebGrid helperをご覧ください。

Answer 2

あなたはMVC3の新しいWebGridを使用することができます。

@{ 
    var grid = new WebGrid(Model); 
    @grid.GetHtml(); 
} 

をそして、あなたはjQueryのタブを使用することができます：http://jqueryui.com/demos/tabs、タブページを作成します。

ご迷惑をおかけして申し訳ございません。

Answer 3

また、telerikグリッドとタブストリップMVCコンポーネントの使用を検討する場合は、their demosをチェックしてください。

Answer 4

私はそれをあまり使用しませんでしたが、使用する前にまずMVC 3のWebGridをセットアップする必要があります。また、ビュー内にテーブルを設定するのではなく、モデル属性を使用してテーブルを設定する必要があります。

私はどこ私は次の操作を実行することを行うにする場合：

• 私のカスタムを作成し、私は性質が列である定義するために私のモデルを飾ることになると属性が、どのようなラベルは列ヘッダーのために使用され、あなたが設定したいもの。

• モデルインスタンスを取り込み、リフレクションを使用してプロパティとカスタム属性を読み込む静的メソッドを作成し、ビューから使用するためにWebGridを吐き出します。

だこと私はこれをしないだろう、なぜ私はあなたを教えてあげる方法：MVCであなたが検証のようなもののためにあなたのモデルを飾ると、それは素晴らしいと宣言型です。しかし、グリッドを定義するとき、これは非常にビュー固有のものです。確かにビュー固有のViewModelsを使用しているかもしれませんが、テーブルレイアウトの設定はモデルにはないと思います。すでに動作する前のWebGridやTelerikのグリッドは既に既にうまく宣言されています。

短いWebGridとTelerik's Gridは、宣言的で流暢なインターフェイスを提供して、テーブルの構造と動作を定義することで、ベストプラクティスを既に使用しています。各テーブルは異なるので、各テーブルを定義していることは意味があります。あなたは「手で」と言いますが、グリッドがあなたのためにすべての汚い作業をしているので、これは大したことではありません。あなたが望むものを宣言しているだけです（宣言的プログラミング）。

Answer 5

私はjQuery templatesが好きです。あなたはJSONオブジェクトを渡す必要があり、残りの作業を行います。並べ替え、ページ作成などに適しています。

Answer 6

Phil Haackは、Templated Razor Delegatesについてのすばらしいブログ記事を書いています。彼が書いているHTMLヘルパーはシンプルで軽量です。

http://haacked.com/archive/2011/02/27/templated-razor-delegates.aspx

Answer 7

ちょうどこの答えは同様のソリューションを探していました。私もかかわらず、再利用可能な何かを期待して、そのカルマンの回答に基づいて単純なテンプレートを作成することになった、それはこのようになりました：

@model IEnumerable<object> 
@{WebGrid grid = new WebGrid(Model);} 
@grid.GetHtml() 

ビュー/ DisplayTemplates/Table.cshtml

使用

これは、プロパティに[DataType("Table")]を追加することで、コレクションのモデルメタデータでも機能するはずです。