データの表示とデータの編集の両方でMVCビューを再利用

Question

2つのMVCビューがあります.1つは詳細を表示するため、もう1つは値を編集するためです。エディタビューに切り替えるときに、DisplayForがEditorForに変更されている点を除いて、ほとんど同じテンプレートを使用します。基本レイアウトを変更する必要がある場合は、複数のビューではなく1つの場所でのみ行う必要があるため、ビューでベースレイアウト構造を再利用するにはどうすればよいですか？ここで

が表示画面で使用されるテーブルのサンプルです：

<table> 
    <tr> 
    <td class="label">First Name:</td> 
    <td class="field">@Html.DisplayFor(x => Model.FirstName)</td> 
    </tr> 
    <tr> 
    <td class="label">Last Name:</td> 
    <td class="field">@Html.DisplayFor(x => Model.LastName)</td> 
    </tr> 
    <tr> 
    <td class="label">Email:</td> 
    <td class="field">@Html.DisplayFor(x => Model.Email)</td> 
    </tr> 
</table> 

Answer 1

あなたはあなたのビューモデルにModeプロパティを追加することができます。そして、

public bool IsInEditMode { get; set; } 

、あなたのコントローラは、同じビューを使用することができます&モデルで、このプロパティを設定するだけです。あなたのビューは次のように終わるでしょう：

<table> 
    <tr> 
    <td class="label">First Name:</td> 
    <td class="field"> 
     @if (!Model.IsInEditMode) 
     { 
      @Html.DisplayFor(x => Model.FirstName) 
     } 
     else 
     { 
      (render EditorFor plus any validation helpers) 
     } 
    </td> 
    </tr> 
    ...etc... 
</table> 

Answer 2

それとも

public bool IsInEditMode { get; set; } 

@helper EditorFor(System.Linq.Expressions.Expression<Func<ViewModel, string>> exp) 
{ 
    @((Model.IsInEditMode) ? @Html.EditorFor(exp) : @Html.DisplayFor(exp)) 
} 

Answer 3

はあなたのエンティティのIDをチェックし、ダイナミックビューを持つカミソリヘルパーのように、この仕事のためにきれいなものを使用することができます。かみそりは素晴らしいです！ 0またはnullの場合は新しいエンティティ、そうでない場合は編集モードです。

面皰！