Mentre la domanda era rivolta a MVC 3.0, troviamo che il problema persiste anche in MVC 4.0. MVC 5.0 ora include nativamente un sovraccarico per htmlAttributes.
Sono costretto a utilizzare MVC 4.0 nella mia attuale sede di servizio e dovevo aggiungere una classe CSS per l'integrazione di JQuery. Ho risolto questo problema utilizzando un metodo di estensione singolo ...
Metodo di estensione:
using System.Linq;
using System.Web.Mvc;
using System.Web.Routing;
using System.Xml.Linq;
namespace MyTest.Utilities
{
public static class MVCHelperExtensionMethods
{
public static MvcHtmlString AddHtmlAttributes(this MvcHtmlString input, object htmlAttributes)
{
// WE WANT TO INJECT INTO AN EXISTING ELEMENT. IF THE ATTRIBUTE ALREADY EXISTS, ADD TO IT, OTHERWISE
// CREATE THE ATTRIBUTE WITH DATA VALUES.
// USE XML PARSER TO PARSE HTML ELEMENT
var xdoc = XDocument.Parse(input.ToHtmlString());
var rootElement = (from e in xdoc.Elements() select e).FirstOrDefault();
// IF WE CANNOT PARSE THE INPUT USING XDocument THEN RETURN THE ORIGINAL UNMODIFIED.
if (rootElement == null)
{
return input;
}
// USE RouteValueDictionary TO PARSE THE NEW HTML ATTRIBUTES
var routeValueDictionary = new RouteValueDictionary(htmlAttributes);
foreach (var routeValue in routeValueDictionary)
{
var attribute = rootElement.Attribute(routeValue.Key);
if (attribute == null)
{
attribute = new XAttribute(name: routeValue.Key, value: routeValue.Value);
rootElement.Add(attribute);
}
else
{
attribute.Value = string.Format("{0} {1}", attribute.Value, routeValue.Value).Trim();
}
}
var elementString = rootElement.ToString();
var response = new MvcHtmlString(elementString);
return response;
}
}
}
Utilizzo del markup HTML:
@Html.EditorFor(expression: x => x.MyTestProperty).AddHtmlAttributes(new { @class = "form-control" })
(Assicurati di includere lo spazio dei nomi del metodo di estensione nella vista del rasoio)
Spiegazione:
L'idea è quella di iniettare nell'HTML esistente. Ho scelto di analizzare l'elemento corrente utilizzando Linq-to-XML utilizzando XDocument.Parse(). Passo il htmlAttributes come tipo object. RouteValueDictionaryUso MVC per analizzare gli htmlAttributes passati. Unisco gli attributi dove esistono già, o aggiungo un nuovo attributo se non esiste ancora.
Nel caso in cui l'input non sia analizzabile, lascio perdere XDocument.Parse()ogni speranza e restituisco la stringa di input originale.
Ora posso usare il vantaggio di DisplayFor (il rendering di tipi di dati come la valuta in modo appropriato), ma ho anche la possibilità di specificare classi css (e qualsiasi altro attributo per quella materia). Potrebbe essere utile per aggiungere attributi come data-*, o ng-*(Angolare).