Les attributs Html pour EditorFor() dans ASP.NET MVC

Mise à jour MVC 5.1 prend désormais en charge le ci-dessous approche directement, de sorte qu'il fonctionne pour les construit dans l'éditeur de trop. http://www.asp.net/mvc/overview/releases/mvc51-release-notes#new-features
(Il s'agit soit d'un cas de Grand esprit de penser ou ils ont lu ma réponse 🙂

Mise À Jour De Fin

Si vous utilisez votre propre éditeur de modèle ou avec MVC 5.1 qui prend désormais en charge le ci-dessous approche directement intégrés dans les éditeurs.

@Html.EditorFor(modelItem => item.YourProperty, 
  new { htmlAttributes = new { @class="verificationStatusSelect", style = "Width:50px"  } })

puis dans votre modèle (non requis pour les types simples MVC 5.1)

@Html.TextBoxFor(m => m, ViewData["htmlAttributes"])

Maintenant ASP.Net MVC 5.1 a un support intégré pour elle.

À Partir De Notes De Publication

Nous permettent maintenant de passer dans les attributs HTML dans EditorFor comme un anonyme
objet.

Par exemple:

@Html.EditorFor(model => model, 
              new { htmlAttributes = new { @class = "form-control" }, })

Pourquoi ne pas simplement utiliser

@Html.DisplayFor(model => model.Control.PeriodType)

Vous pouvez toujours utiliser EditorFor. Il suffit de passer le style/selon l'attribut html comme ViewData.

@Html.EditorFor(model => model.YourProperty, new { style = "Width:50px" })

Parce que EditorFor utilise des modèles pour le rendu, vous pourriez remplacer le modèle par défaut pour votre propriété et de passer simplement l'attribut de style comme ViewData.

De sorte que votre EditorTemplate serait comme suit:

@inherits System.Web.Mvc.WebViewPage<object>

@Html.TextBoxFor(m => m, new { @class = "text ui-widget-content", style=ViewData["style"] })

J'ai été confronté au même problème aujourd'hui pour une case à cocher qui se lie à un nullable bool, et depuis je ne peux pas changer mon modèle (pas mon code), j'ai dû trouver une meilleure façon de gérer cela. C'est un peu la force brute, mais il doit travailler pour 99% des cas je pourrais rencontrer. Vous feriez bien évidemment devoir faire un peu de remplissage manuel des attributs valides pour chaque type d'entrée, mais je pense que j'ai obtenu tous les de la case.

Dans mon Booléen.cshtml éditeur de modèle:

@model bool?

@{
    var attribs = new Dictionary<string, object>();
    var validAttribs = new string[] {"style", "class", "checked", "@class",
        "classname","id", "required", "value", "disabled", "readonly", 
        "accesskey", "lang", "tabindex", "title", "onblur", "onfocus", 
        "onclick", "onchange", "ondblclick", "onmousedown", "onmousemove", 
        "onmouseout", "onmouseover", "onmouseup", "onselect"};
    foreach (var item in ViewData) 
    {
        if (item.Key.ToLower().IndexOf("data_") == 0 || item.Key.ToLower().IndexOf("aria_") == 0) 
        {
            attribs.Add(item.Key.Replace('_', '-'), item.Value);
        } 
        else 
        {
            if (validAttribs.Contains(item.Key.ToLower()))
            {
                attribs.Add(item.Key, item.Value);
            }
        }
    }
}

@Html.CheckBox("", Model.GetValueOrDefault(), attribs)

Dans mon cas, j'ai essayé de créer un HTML5 nombre d'entrée de l'éditeur de modèle qui pourrait recevoir des attributs supplémentaires. Un plus propre approche serait d'écrire votre propre Helper HTML, mais comme j'ai déjà eu mes .ascx modèle, je suis allé avec cette approche:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<input id="<%= Regex.Replace(ViewData.TemplateInfo.GetFullHtmlFieldId(""), @"[\[\]]", "_") %>" name="<%= ViewData.TemplateInfo.HtmlFieldPrefix %>" type="number" value="<%= ViewData.TemplateInfo.FormattedModelValue %>"
<% if (ViewData["attributes"] != null)
   {
       Dictionary<string, string> attributes = (Dictionary<string, string>)ViewData["attributes"];
       foreach (string attributeName in attributes.Keys){%>
        <%= String.Format(" {0}=\"{1}\"", attributeName, attributes[attributeName])%>
       <% }
   } %> />

Ce vilain bits crée un certain nombre type d'entrée et de recherche un ViewData Dictionnaire avec la touche "attributs". Il va parcourir le dictionnaire de l'ajout de ses paires clé/valeur en tant qu'attributs. La Regex dans l'attribut ID est indépendante et est là parce que lorsqu'utilisé dans une collection, GetFullHtmlFieldId() retourne un id contenant des crochets [] laquelle il devrait normalement s'échapper des traits de soulignement.

Ce modèle est ensuite appelée comme ceci:

Html.EditorFor(m => m.Quantity, "NumberField", new { attributes = new Dictionary<string, string>() { { "class", "txtQuantity" } } }

Verbeux, mais il fonctionne. Vous pourriez probablement utiliser la réflexion dans le modèle d'utilisation de la propriété des noms comme noms d'attribut au lieu d'utiliser un dictionnaire.

MVC 5.1 et supérieur, solution (de la fusion locale HtmlAttributes et définis dans le EditorTemplates):

Shared\EditorTemplates\String.cshtml:

@Html.TextBoxFor(model => model, new { @class = "form-control", placeholder = ViewData.ModelMetadata.Watermark }.ToExpando().MergeHtmlAttributes(ViewData["htmlAttributes"].ToExpando()))

Extensions:

public static IDictionary<string, object> MergeHtmlAttributes(this ExpandoObject source1, dynamic source2)
{
Condition.Requires(source1, "source1").IsNotNull().IsLongerThan(0);
IDictionary<string, object> result = source2 == null
? new Dictionary<string, object>()
: (IDictionary<string, object>) source2;
var dictionary1 = (IDictionary<string, object>) source1;
string[] commonKeys = result.Keys.Where(dictionary1.ContainsKey).ToArray();
foreach (var key in commonKeys)
{
result[key] = string.Format("{0} {1}", dictionary1[key], result[key]);
}
foreach (var item in dictionary1.Where(pair => !result.ContainsKey(pair.Key)))
{
result.Add(item);
}
return result;
}
public static ExpandoObject ToExpando(this object anonymousObject)
{
IDictionary<string, object> anonymousDictionary = new RouteValueDictionary(anonymousObject);
IDictionary<string, object> expando = new ExpandoObject();
foreach (var item in anonymousDictionary)
expando.Add(item);
return (ExpandoObject)expando;
}
public static bool HasProperty(this ExpandoObject expando, string key)
{
return ((IDictionary<string, object>)expando).ContainsKey(key);
}

Utilisation:

@Html.EditorFor(m => m.PromotionalCode, new { htmlAttributes = new { ng_model = "roomCtrl.searchRoomModel().promoCode" }})