我有以下HtmlHelper
方法,我想创建一个使用JavaScript重定向的按钮:
public static string JavaScriptButton(this HtmlHelper helper, string value,
string action, string controller, object routeValues = null, object htmlAttributes = null)
{
var a = (new UrlHelper(helper.ViewContext.RequestContext))
.Action(action, controller, routeValues);
var builder = new TagBuilder("input");
builder.Attributes.Add("type", "submit");
builder.Attributes.Add("value", value);
builder.Attributes.Add("class", "button");
builder.Attributes.Add("onclick", string.Format("javascript:location.href='{0}'", a));
builder.MergeAttributes(new RouteValueDictionary(htmlAttributes));
return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing)).ToString();
}
问题是创建onclick处理程序的行被tagbuilder转义,生成的html是:
<input class="button" onclick="javascript:location.href=''" type="submit" value="Return to All Audits" />
无论如何我可以阻止这种行为吗?
答案 0 :(得分:14)
这实际上是.NET 4.0的一个问题。要修复它,您需要覆盖属性编码过程。
public class HtmlAttributeNoEncoding : System.Web.Util.HttpEncoder
{
protected override void HtmlAttributeEncode(string value, System.IO.TextWriter output)
{
output.Write(value);
}
}
然后将其放在<system.web>
元素下的web.config文件中:
<httpRuntime encoderType="HtmlAttributeNoEncoding"/>
我发现了here。
答案 1 :(得分:9)
虽然Ryan提供的解决方案可行,但有点像使用锤子拍打苍蝇。
问题是TagBuilder在调用MergeAttributes()期间对字符串进行编码。对于按钮链接中所需的Javascript,这会影响单引号和空格。
所需扩展方法的最后一步是返回MvcHtmlString
(不接收进一步编码),因此在对字符串进行一些简单的文本更正(以撤消编码)之前完全合理创建该对象。
return new MvcHtmlString(tb.ToString(TagRenderMode.Normal).Replace("'", "\'").Replace(" "," "));
public static class ActionLinkButtonHelper
{
public static MvcHtmlString ActionLinkButton(this HtmlHelper htmlHelper, string buttonText, string actionName, object routeValuesObject = null, object htmlAttributes = null)
{
return ActionLinkButton(htmlHelper, buttonText, actionName, "", routeValuesObject, htmlAttributes);
}
public static MvcHtmlString ActionLinkButton(this HtmlHelper htmlHelper, string buttonText, string actionName, string controllerName, object routeValuesObject = null, object htmlAttributes = null)
{
if (string.IsNullOrEmpty(controllerName))
{
controllerName = HttpContext.Current.Request.RequestContext.RouteData.Values["controller"].ToString();
}
RouteValueDictionary routeValues = new RouteValueDictionary(routeValuesObject);
RouteValueDictionary htmlAttr = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);
TagBuilder tb = new TagBuilder("button");
tb.MergeAttributes(htmlAttr, false);
string href = UrlHelper.GenerateUrl("default", actionName, controllerName, routeValues, RouteTable.Routes, htmlHelper.ViewContext.RequestContext, false);
tb.MergeAttribute("type", "button");
tb.SetInnerText(buttonText);
tb.MergeAttribute("value", buttonText);
tb.MergeAttribute("onclick", "location.href=\'"+ href +"\';return false;");
return new MvcHtmlString(tb.ToString(TagRenderMode.Normal).Replace("'", "\'").Replace(" "," "));
}
}
这样做可以添加按钮链接所需的一切,具有与ActionLink
一起使用的最有用的重载,并且不会通过更改属性编码过程而导致应用程序范围内的意外更改。
答案 2 :(得分:0)
TagBuilder
期间MergeAttribute
不会对字符串进行编码,因为它直接操作Attributes属性,然后使用ToString()
获取字符串表示也会转义字符。很可能编码发生在ToString()
。
下面的课程解决了JavaScript的问题:
public class JavaScriptTagBuilder : TagBuilder
{
public string OnClick { get; set; }
public JavaScriptTagBuilder(string tagName)
: base(tagName)
{
}
public override string ToString()
{
string openingTag = "<" + TagName;
return base.ToString().Replace(openingTag, string.Format("{0} onclick=\"{1}\"", openingTag, OnClick));
}
}
答案 3 :(得分:0)
我对迪斯科舞厅来说有点晚了,但你可以在返回之前解码HTML:
return new MvcHtmlString(System.Web.HttpUtility.HtmlDecode(tb.ToString(TagRenderMode.Normal));