Хоча питання було націлене на MVC 3.0, ми виявляємо, що проблема зберігається і в MVC 4.0. MVC 5.0 тепер включає в себе перевантаження для htmlAttributes.
Я змушений використовувати MVC 4.0 в моєму теперішньому місці роботи і мені потрібно було додати клас css для інтеграції JQuery. Я вирішив цю проблему за допомогою одного методу розширення ...
Спосіб розширення:
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;
}
}
}
Використання розмітки HTML:
@Html.EditorFor(expression: x => x.MyTestProperty).AddHtmlAttributes(new { @class = "form-control" })
(Обов’язково включіть простір імен методу розширення у вигляд бритви)
Пояснення
. Ідея полягає у введенні існуючого HTML. Я вирішив проаналізувати поточний елемент за допомогою Linq-to-XML за допомогою XDocument.Parse(). Я передаю htmlAttributes як тип object. Я використовую MVC RouteValueDictionaryдля розбору переданих htmlAttributes. Зливаю атрибути там, де вони вже є, або додаю новий атрибут, якщо він ще не існує.
У випадку, якщо введення не зрівняється, XDocument.Parse()я відмовляюся від усієї надії та повертаю початковий рядок введення.
Тепер я можу використовувати перевагу DisplayFor (візуалізація типів даних, таких як валюта, належним чином), але також можу вказати класи css (та будь-який інший атрибут з цього приводу). Може бути корисним для додавання таких атрибутів, як data-*(або ng-*Angular).