剃刀のテンプレートで自分のhtmlヘルパーをもっと再利用できるようにするには？

Question

私は複数のアドレスを持つフォームを持っています。事業所住所、請求先住所、配送先住所。もちろん、私は同じコードを使いたいと思う。

私のかみそりのテンプレートは次のようなものになります。

<div class="std-form-line"> 
    <span class="std-form-no-label"></span> 
    @Html.TextBoxFor(x => x.BillingAddress.Line2, new { Class = "optional" }) 
    @Html.ValidationMessageFor(x => x.BillingAddress.Line2) 
</div> 
<div class="std-form-line"> 
    <span class="std-form-no-label"></span> 
    @Html.TextBoxFor(x => x.BillingAddress.Line3, new { Class = "optional" }) 
    @Html.ValidationMessageFor(x => x.BillingAddress.Line3) 
</div> 
.... 

をそして、描画されたときには、このようなものになります。

<input type="text" value="" name="BillingAddress.Line1" id="BillingAddress_Line1" data-val-required="The Street Address field is required." data-val="true" class="text-box single-line"> 

を今、私はビジネスや配送のために、同じコードを持つことになりますが、それは意志言います次のようになります。

このコードの重複を取り除くにはどうすればよいですか？

Answer 1

私がそれを行う方法は、厳密に型付けされた "アドレス"用の表示/エディタテンプレートを作成することです。

その後、あなたはまた、異なる用途のために別のテンプレートを作成することができます@Html.EditorFor(x=>x.BusinessAddress)または@Html.DisplayFor(x=>x.BusinessAddress)

を呼び出し、その後、必要に応じて編集/ DisplayFor方法でテンプレートの名前を指定します。

ところで、私が言及したテンプレートは〜Views/Shared/EditorTemplatesまたは〜Views/Shared/DisplayTemplatesフォルダにそれぞれ存在する可能性があります。または、EditorTemplatesまたはDisplayTemplatesの下の特定のControllersビューフォルダに常駐することもできます。

編集：ここにこれを示すリンクがあります。 Editor Tempates

編集2：ここでは試してみて、あなたのコメントにつき、さらに説明するための例です。

アドレスモデル

public partial class Address 
{ 
    public int AddressId { get; set; } 
    public string Street1 { get; set; } 
    public string Street2 { get; set; } 
    public string City { get; set; } 
    public string State { get; set; } 
    public string Zip { get; set; } 
} 

エディタテンプレート：このファイルは、 "Address.cshtml" という名前と私の "〜ビュー/共有/ EditorTemplates" フォルダにあります。

@model Address 

@Html.HiddenFor(model => model.AddressId) 

<div class="editor-label"> 
    @Html.LabelFor(model => model.Street1) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.Street1) 
    @Html.ValidationMessageFor(model => model.Street1) 
</div> 

<div class="editor-label"> 
    @Html.LabelFor(model => model.Street2) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.Street2) 
    @Html.ValidationMessageFor(model => model.Street2) 
</div> 

<div class="editor-label"> 
    @Html.LabelFor(model => model.City) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.City) 
    @Html.ValidationMessageFor(model => model.City) 
</div> 

<div class="editor-label"> 
    @Html.LabelFor(model => model.State) 
</div> 
<div class="editor-field"> 
    @* Populated from Helper *@ 
    @Html.DropDownListFor(m => m.State, new SelectList(statesDictionary, "Key", "Value"), string.Empty) 
    @Html.ValidationMessageFor(model => model.State) 
</div> 

<div class="editor-label"> 
    @Html.LabelFor(model => model.Zip) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.Zip) 
    @Html.ValidationMessageFor(model => model.Zip) 
</div> 

ビューを作成します。これは私のモデルのエディタテンプレートを実装します私の見解です。私のビューのための私のモデルは、「住所」にリンクされている、何か他のものだった場合今、私は名前については@Html.EditorFor(model => model.BusinessAddress)

を使用しているだろう@Html.EditorForModel();

@model Address 

@{ 
    ViewBag.Title = "Create"; 
} 

<h2>Create</h2> 

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 

@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Address</legend> 

     @Html.EditorForModel() 

     <p> 
      <input type="submit" value="Create" /> 
     </p> 
    </fieldset> 
} 

<div> 
    @Html.ActionLink("Back to List", "Index") 
</div> 

ラインに注意してください、それはあなたのコントロール下で完全です。デフォルトでは、それらはプロパティ名にマッピングされますが、EditorForオーバーロード内にhtml属性を含むオブジェクトを指定することで変更できます。

Answer 2

私はDRYの意味で排除するための重複はありません。フォーム上に3つの同様のフィールドがある場合は、マークアップに3つの同様の要素が必要です。

Answer 3

なぜAddressTypeフィールドを導入しないのですか？あなたが言及した3つのアドレスタイプはすべて同じタイプのフィールドを共有しています。各アパートを設定するのはAddressTypeの値です。理にかなっている？