Joh*_*ohn 5 asp.net jquery webforms asp.net-4.5
我一直在查看4.5中Web Forms的一些新功能,而且我遇到了一个不显眼的验证路障.
Web Forms 4.5中的不显眼验证依赖于jQuery,当它启用时,将在页面主体中的服务器表单内部生成jQuery脚本引用.这听起来很棒,我喜欢这个概念.它在我看过的演示中效果很好,代码中的减少/清理是一件很美妙的事情.
但是,当我在预先存在的项目中启用它时,我遇到了问题.问题是我有无数的页面和应用程序利用jQuery进行客户端交互(jQuery UI是一个典型的例子),在这些页面中我有一个jQuery引用和附带的代码在页面的标题部分.当启用不显眼的验证时,结果是页面上的第二个jQuery引用,并且标题中的javascript中断.
有没有办法让我告诉脚本管理器jQuery已经加载到页面中,以便第二个引用不会被添加？或者,有没有办法告诉脚本管理器或Web窗体框架检查页面是否存在现有的jQuery引用？
不幸的是ScriptResourceMapping是必需的.但是,通过一些工作,您可以从ScriptManager中删除引用,这样它就不会再次呈现jQuery.
创建自己的类,该类派生自Web项目中的ScriptManager:
using System;
using System.Linq;
using System.Web.UI;
namespace WebApplication46
{
public class CustomScriptManager : ScriptManager
{
protected override void OnInit(EventArgs e)
{
Page.PreRenderComplete += Page_PreRenderComplete;
base.OnInit(e);
}
private void Page_PreRenderComplete(object sender, EventArgs e)
{
var jqueryReferences = Scripts.Where(s => s.Name.Equals("jquery", StringComparison.OrdinalIgnoreCase)).ToList();
if (jqueryReferences.Count > 0)
{
// Remove the jquery references as we're rendering it manually in the master page <head>
foreach (var reference in jqueryReferences)
{
Scripts.Remove(reference);
}
}
}
}
}
接下来,在web.config中配置tagMapping条目,以便ASP.NET将使用您自定义的ScriptManager而不是框中的那个:
<system.web>
<pages>
<tagMapping>
<add tagType="System.Web.UI.ScriptManager" mappedTagType="WebApplication46.CustomScriptManager" />
</tagMapping>
</pages>
</system.web>
而已.现在,您的CustomScriptManager将确保在ScriptManager有机会启动其渲染逻辑之前从其自身中删除所有jQuery引用,并且您仍将满足UnobtrusiveValidation的所有要求(假设您在页面的标记中引用了jQuery).
正如Damian Edwards所说,你似乎无法删除引用,因此我使用的解决方案是创建一个虚假的jQuery引用,指向一个空的JS文件.这仍然会在尝试加载jQuery时创建不可避免的额外脚本标记,但它不会是一个真正的jQuery库,因此不会与head标记中的jQuery引用冲突.
public class Global : System.Web.HttpApplication
{
protected void Application_Start(object sender, EventArgs e)
{
ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition
{
Path = "~/Scripts/empty-file.js"
});
}
}
| 归档时间： |
|
| 查看次数： |
4054 次 |
| 最近记录： |