如何在Orchard CMS中使用javascript(js文件)

Question

任何人都可以告诉我如何在Orchard CMS中使用js文件？我将它添加到Layout.cshtml页面中 Script.include("jquery.js").

Answer 1

你可以双重做.

第一种方法就像mdm描述的那样:

1. 创建自己的IResourceManifestProvider接口实现(看看Orchard源 - 它已在许多模块中实现),实现BuildManifests(ResourceManifestBuilder builder)方法并为给定的.js文件创建命名资源
2. 使用@{ Script.Require("[your resource name]"); }您的Razor视图文件(.cshtml)以包括脚本.

如果您有许多脚本文件(可能具有它们之间的依赖关系),这是首选解决方案.它允许您指定每个脚本文件的依赖关系,并使Orchard处理其余的事务(因此,当您引用给定资源时,所有相关资源也将按正确顺序自动引用).

第二种更简单的方法是直接引用.cshtml文件中的.js脚本文件,而不创建命名资源.如果您想快速添加对单个脚本的引用,这将非常有用.像这样(例子来自Orchard.Web\Core\Shapes\Views\Document.cshtml):

@{ Script.Include("html5.js").AtLocation(ResourceLocation.Head); }

Answer 2

如果安装并启用了Orchard.jQuery模块,则在视图顶部使用:

Script.Require("jQuery")

看一看在Orchard.jQuery项目ResourceManifest类(应该是在某处你的果园解决方案文件),在那里,你可以看到所有的不同的jQuery的模块,您可以使用此语法包含(例如jQueryUI_Core,jQueryUI_Tabs等)

例如

 manifest.DefineScript("jQueryUI").SetUrl("jquery-ui.min.js", "jquery-ui.js").SetVersion("1.9.2").SetDependencies("jQuery")
                .SetCdn("//ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js", "//ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.js", true);