MVC 5,全球化,验证德语日期:如何捆绑js脚本? [英] MVC 5, globalize, validate german date: How to bundle the js-scripts?
问题描述
在此问题的答案中( MVC 5-无法运行全球化)我用一堆< sript src =" ...声明和一些js解决了这个问题.
In the answer to this question (MVC 5 - can not get globalisation running) I solve the problem with a bunch of "<sript src="..." declarations and some js.
我没有管理的内容:我想捆绑脚本.如果我这样尝试(摘自bundleConfig.cs):
What I not managed: I want to bundle the scripts. If I try it like this (excerpt from bundleConfig.cs):
bundles.Add(new ScriptBundle("~/bundles/jqueryvalDe").Include(
"~/Scripts/jquery.validate.js",
"~/Scripts/jquery.validate.unobtrusive.js",
"~/Scripts/cldr.js",
"~/Scripts/cldr/event.js",
"~/Scripts/cldr/supplemental.js",
"~/Scripts/cldr/unresolved.js",
"~/Scripts/globalize.js",
"~/Scripts/globalize/currency.js",
"~/Scripts/globalize/number.js",
"~/Scripts/globalize/date.js",
"~/Scripts/globalize/plural.js",
"~/Scripts/globalize/relative-time.js",
"~/Scripts/globalize/unit.js",
"~/Scripts/jquery.validate.globalize.js"
));
但是我从JavaScript中收到一个错误:全球化"未定义
But I get an error from JavaScript: "Globalize" is undefined
似乎,srpts的顺序已更改...
It seems, the order of scrpts is changed...
此刻,我使用一种解决方法:我编写了一个自定义的HTM-Helper.
At the moment I use a Workaround: I wrote an custom HTM-Helper.
public static class GermanDateValidationExtension
{
public static MvcHtmlString ScriptsForGermanDateValidation(this HtmlHelper helper)
{
return new MvcHtmlString("<script src=\"~/ Scripts / jquery.validate.js\"></script>\n" +
"<script src = \"~/Scripts/jquery.validate.unobtrusive.js\"></script>\n" +
"<script src = \"~/Scripts/cldr.js\"></script>\n" +
"<script src = \"~/Scripts/cldr/event.js\"></ script>\n" +
"<script src = \"~/Scripts/cldr/supplemental.js\"></script>\n" +
"<script src = \"~/Scripts/cldr/unresolved.js\"></script>\n" +
"<script src = \"~/Scripts/globalize.js\"></script>\n" +
"<script src = \"~/Scripts/globalize/currency.js\" ></script>\n" +
"<script src = \"~/Scripts/globalize/number.js\"></script>\n" +
"<script src = \"~/Scripts/globalize/date.js\"></script>\n" +
"<script src = \"~/Scripts/globalize/plural.js\" ></script>\n" +
"<script src = \"~/Scripts/globalize/relative-time.js\"></script>\n" +
"<script src = \"~/Scripts/globalize/unit.js\"></script>\n" +
"<script src = \"~/Scripts/jquery.validate.globalize.js\"></script>\n" +
"<script>\n" +
"$.when(\n" +
"$.get(\"/Scripts/cldr/main/de/ca-gregorian.json\"),\n" +
"$.get(\"/Scripts/cldr/main/de/numbers.json\"),\n" +
"$.get(\"/Scripts/cldr/supplemental/likelySubtags.json\"),\n" +
"$.get(\"/Scripts/cldr/supplemental/timeData.json\"),\n" +
"$.get(\"/Scripts/cldr/supplemental/weekData.json\")\n" +
").then(function() {\n" +
"return [].slice.apply(arguments, [0]).map(function(result) {\n" +
"return result[0];\n" +
"});\n" +
"}).then(Globalize.load)\n" +
".then(function() {\n" +
"Globalize.locale(\"de-DE\");\n" +
"});\n" +
"</ script > ");
}
}
并在视图中使用它:
...
@section Scripts {
@Html.ScriptsForGermanDateValidation()
}
...
我的问题是:如何正确捆绑脚本?
My question is: How to bundle the scripts correctly?
推荐答案
问题似乎源于捆绑顺序,该顺序在globalize.js
之前呈现jquery.validate.globalize.js
,该顺序使用依赖关系树"建立,而依赖关系树是为知名库&他们的自定义扩展名将在其他人之前呈现.因此,为了根据需要设置加载顺序,请创建一个实现IBundleOrder
接口&其对应的扩展方法:
The problem seems originated from bundling order which rendered jquery.validate.globalize.js
before globalize.js
, which uses "dependency tree" established in favor of well-known libraries & their custom extensions will rendered before others. Hence, in order to set load order as you want, create a class which implements IBundleOrder
interface & its corresponding extension method:
// from Sebastián Rojas (/a/26602075)
class UnorderedBundleOrderer : IBundleOrderer
{
public IEnumerable<BundleFile> OrderFiles(BundleContext context, IEnumerable<BundleFile> files)
{
return files;
}
}
static class BundleExtensions
{
public static Bundle UnorderedBundling(this Bundle bundle)
{
bundle.Orderer = new UnorderedBundleOrderer();
return bundle;
}
}
然后,您可以在BundleConfig.cs文件中使用上面的自定义捆绑顺序:
Then you can use custom bundling order above in BundleConfig.cs file:
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/jqueryvalDe")
.UnorderedBundling()
.Include(
"~/Scripts/jquery.validate.js",
"~/Scripts/jquery.validate.unobtrusive.js",
...
...
"~/Scripts/globalize.js",
...
...
"~/Scripts/jquery.validate.globalize.js"
));
}
相关问题:
这篇关于MVC 5,全球化,验证德语日期:如何捆绑js脚本?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!