Trong khi câu hỏi được nhắm mục tiêu tại MVC 3.0, chúng tôi cũng thấy vấn đề vẫn tồn tại trong MVC 4.0. MVC 5.0 hiện bao gồm quá tải cho htmlAttribution.
Tôi buộc phải sử dụng MVC 4.0 tại nơi làm việc hiện tại của mình và cần thêm một lớp css để tích hợp JQuery. Tôi đã giải quyết vấn đề này bằng một phương pháp mở rộng duy nhất ...
Phương pháp mở rộng:
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;
}
}
}
Cách sử dụng đánh dấu HTML:
@Html.EditorFor(expression: x => x.MyTestProperty).AddHtmlAttributes(new { @class = "form-control" })
(Đảm bảo bao gồm không gian tên của phương thức tiện ích mở rộng trong chế độ xem dao cạo)
Giải thích:
Ý tưởng là đưa vào HTML hiện có. Tôi đã chọn phân tích thành phần hiện tại bằng cách sử dụng Linq-to-XML bằng cách sử dụng XDocument.Parse(). Tôi vượt qua các htmlAttribution như loại object. Tôi sử dụng MVC RouteValueDictionaryđể phân tích các htmlAttribution được truyền vào. Tôi hợp nhất các thuộc tính nơi chúng đã tồn tại hoặc thêm một thuộc tính mới nếu nó chưa tồn tại.
Trong trường hợp đầu vào không thể phân tích cú pháp bởi XDocument.Parse()tôi từ bỏ tất cả hy vọng và trả về chuỗi đầu vào ban đầu.
Bây giờ tôi có thể sử dụng lợi ích của DisplayFor (hiển thị các kiểu dữ liệu như tiền tệ một cách thích hợp) nhưng cũng có khả năng chỉ định các lớp css (và bất kỳ thuộc tính nào khác cho vấn đề đó). Có thể hữu ích để thêm các thuộc tính nhưdata-* , hoặc ng-*(Angular).