Soru MVC 3.0'ı hedeflerken, sorunun MVC 4.0'da da devam ettiğini görüyoruz. MVC 5.0 artık htmlAttributes için yerel bir aşırı yük içeriyor.
Mevcut iş yerimde MVC 4.0 kullanmak zorunda kaldım ve JQuery entegrasyonu için bir css sınıfı eklemem gerekiyor. Bu sorunu tek bir uzantı yöntemi kullanarak çözdüm ...
Genişletme Yöntemi:
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 İşaretleme Kullanımı:
@Html.EditorFor(expression: x => x.MyTestProperty).AddHtmlAttributes(new { @class = "form-control" })
(Genişletme yönteminin ad alanını ustura görünümüne eklediğinizden emin olun)
Açıklama:
Fikir, mevcut HTML'ye enjekte etmektir. Linq-to-XML kullanarak geçerli öğeyi ayrıştırmak için seçti XDocument.Parse(). HtmlAttributes türünü iletiyorum object. Ben RouteValueDictionaryhtmlAttributes geçirilen ayrıştırmak için MVC kullanın. Ben zaten var olan öznitelikleri birleştirmek veya henüz yoksa yeni bir öznitelik ekleyin.
Tarafından durumunda giriş ayrıştırılabilir değil XDocument.Parse()tüm umudunu terk edip orijinal giriş dizesi döndürür.
Şimdi DisplayFor (para birimi gibi veri türlerini uygun şekilde işleme) yararını kullanabilirsiniz ama aynı zamanda css sınıfları (ve bu konuda başka bir öznitelik) belirleme yeteneğine sahip. data-*Veya ng-*(Açısal) gibi özellikler eklemek için yardımcı olabilir .