Embora a questão tenha sido direcionada ao MVC 3.0, também encontramos o problema no MVC 4.0. O MVC 5.0 agora inclui nativamente uma sobrecarga para htmlAttributes.
Sou forçado a usar o MVC 4.0 no meu local de trabalho atual e preciso adicionar uma classe css para a integração do JQuery. Resolvi esse problema usando um método de extensão única ...
Método de extensão:
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;
}
}
}
Uso da marcação HTML:
@Html.EditorFor(expression: x => x.MyTestProperty).AddHtmlAttributes(new { @class = "form-control" })
(Certifique-se de incluir o espaço para nome do método de extensão na exibição de navalha)
Explicação:
A idéia é injetar no HTML existente. Optei por analisar o elemento atual usando o Linq para XML usando XDocument.Parse(). Eu passo o htmlAttributes como tipo object. Utilizo o MVC RouteValueDictionarypara analisar os htmlAttributes transmitidos. Mesclo os atributos onde eles já existem ou adiciono um novo atributo se ele ainda não existir.
No caso de a entrada não ser analisável, XDocument.Parse()abandono toda a esperança e retorno a string de entrada original.
Agora eu posso usar o benefício do DisplayFor (renderizar tipos de dados como moeda adequadamente), mas também tenho a capacidade de especificar classes css (e qualquer outro atributo para esse assunto). Pode ser útil para adicionar atributos como data-*, ou ng-*(Angular).