Sementara pertanyaannya ditargetkan pada MVC 3.0, kami menemukan masalah tetap ada di MVC 4.0 juga. MVC 5.0 sekarang termasuk kelebihan bawaan untuk htmlAttributes.
Saya terpaksa menggunakan MVC 4.0 di tempat kerja saya saat ini dan perlu menambahkan kelas css untuk integrasi JQuery. Saya memecahkan masalah ini menggunakan metode ekstensi tunggal ...
Metode ekstensi:
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;
}
}
}
Penggunaan Markup HTML:
@Html.EditorFor(expression: x => x.MyTestProperty).AddHtmlAttributes(new { @class = "form-control" })
(Pastikan untuk memasukkan namespace metode ekstensi dalam tampilan pisau cukur)
Penjelasan:
Idenya adalah untuk menyuntikkan ke HTML yang ada. Saya memilih untuk mem-parsing elemen saat ini menggunakan Linq-to-XML using XDocument.Parse(). Saya melewatkan htmlAttributes sebagai tipe object. Saya menggunakan MVC RouteValueDictionaryuntuk mem-parsing htmlAttribut yang diteruskan. Saya menggabungkan atribut di mana mereka sudah ada, atau menambahkan atribut baru jika belum ada.
Jika input tidak dapat diuraikan oleh XDocument.Parse()saya meninggalkan semua harapan dan mengembalikan string input asli.
Sekarang saya dapat menggunakan manfaat DisplayFor (merender tipe data seperti mata uang secara tepat) tetapi juga memiliki kemampuan untuk menentukan kelas css (dan atribut lainnya dalam hal ini). Dapat membantu untuk menambahkan atribut seperti data-*, atau ng-*(Sudut).