wie Parameter zu Rasiermesserhelfern

Question

hinzufügen Ich möchte wissen, wie HTML-Helper wie @Html.TextBoxFor(model => model.signature) schreiben, um data-id Parameter in produzierten Eingang wie unten von Helfer.

<input type="text" name="signature" data-id="No Signature" /> 

Anmerkung 1: Parameter wie dataId ist die Arbeit von htmlAttributes, weil es eine einfache Variable ist.

Anmerkung 2: Ich weiß, erweitert Methode und Verwendung Attribut wie @{var attributes = new Dictionary<string, object>{{ "data-id", "No Signature" }};}

ich, dass es fühlen muss ein besserer Weg, dies zu lösen. Irgendeine Idee...?

Vielen Dank.

Answer 1

können Sie Ihre eigene Gruppe gründen custom helpers wie:

public static class TextBoxExtensions 
    { 
      public static string CustomTextBox(this HtmlHelper helper, string name) 
      { 
       return String.Format("<input type='text' name={0} data-id='No Signature'></input>", name); 
      } 
    } 

Dann in Ihrer Ansicht können Sie tun:

@Html.CustomTextBox("signature"); 

Answer 2

Sie data- Attribute auf diese Weise hinzufügen:

@Html.TextBoxFor(model => model.signature, new { data_id = "No signature" }) 

Sie muss anstelle von Bindestrichen Unterstriche (_) verwenden (-).

Tipp: es ist auch möglich, Model Variablen in Ihrem data- Attribute zu verwenden:

new { data_id = Model.Id } 

Answer 3

Der folgende Code einen CustomTextBoxFor Helfer schaffen TextBoxFor durch die Erweiterung. Auf diese Weise können Sie die Validierungskonventionen von MVC voll ausnutzen und den Parameter htmlAttributes offen lassen, sodass bei Bedarf weitere Attribute angehängt werden können.

 public static MvcHtmlString CustomTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, 
      Expression<Func<TModel, TProperty>> expression, string customData) 
     { 
      return htmlHelper.CustomTextBoxFor(expression, customData, (IDictionary<string, object>)null); 
     } 

     public static MvcHtmlString CustomTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, 
      Expression<Func<TModel, TProperty>> expression, string customData, object htmlAttributes) 
     { 
      IDictionary<string, object> attributes = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes); 
      attributes.Add("data-custom", customData); 
      return htmlHelper.TextBoxFor(expression, new { data_custom = "customData" }); 
     } 

Verbrauch:

@Html.CustomTextBoxFor(model => model.MyProperty, Model.CustomData) 
@Html.CustomTextBoxFor(model => model.MyProperty, Model.CustomData, new { @class="pretty"})