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

发布于 2024-12-01 03:01:34 字数 104 浏览 1 评论 0原文

谁能告诉我如何在 Orchard CMS 中使用 js 文件?我将其添加到 Layout.cshtml 页面中 Script.include("jquery.js")

Can any one tell me please how to use js file in Orchard CMS? I added it to Layout.cshtml page as
Script.include("jquery.js").

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

海未深 2024-12-08 03:01:34

你可以双重进行。

第一种方法就像 mdm 所描述的

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

如果您有许多脚本文件,并且它们之间可能存在依赖关系,那么这是首选解决方案。它允许您指定每个脚本文件的依赖关系,并让 Orchard 处理其余的事情(因此,当您引用给定资源时,所有依赖的资源也会以正确的顺序自动引用)。

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

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

You can do it twofold.

First approach is just like mdm described:

  1. Create your own implementation of IResourceManifestProvider interface (take a look at Orchard source - it's been implemented in many modules), implement BuildManifests(ResourceManifestBuilder builder) method and create a named resource for a given .js file
  2. Use @{ Script.Require("[your resource name]"); } in your Razor view file (.cshtml) to include that script.

This is a preferred solution if you have many script files, possibly with dependencies between them. It allows you to specify the dependencies for each script file and make Orchard take care of the rest (so when you reference a given resource, all dependent ones would also be automatically referenced in the proper order).

The second, simpler approach is to directly reference the .js script file in your .cshtml file, without creating a named resource. It's useful if you'd like to quickly add a reference to a single script. Like this (example taken from Orchard.Web\Core\Shapes\Views\Document.cshtml):

@{ Script.Include("html5.js").AtLocation(ResourceLocation.Head); }
娇纵 2024-12-08 03:01:34

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

Script.Require("jQuery")

查看 Orchard.jQuery 项目中的 ResourceManifest 类(应该位于 Orchard 解决方案文件中的某个位置),您可以在其中看到所有内容您可以使用此语法包含不同的 jQuery 模块(例如 jQueryUI_CorejQueryUI_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);

If you have the Orchard.jQuery module installed and enabled, then at the top of your view use:

Script.Require("jQuery")

Have a look at the ResourceManifest class in the Orchard.jQuery project (should be somewhere in your Orchard solution file), there you can see all the different jQuery modules you can include using this syntax (e.g. jQueryUI_Core, jQueryUI_Tabs, etc)

E.g.

 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);
温柔嚣张 2024-12-08 03:01:34

这有点作弊,但您可以将其添加到布局或文档文件中。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript"></script>

It's kinda cheating but you can just add this to the layout or document file.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript"></script>
走野 2024-12-08 03:01:34

要获得一个好的示例,请查找模块 ContentPicker。这带有默认的 Orchard 源代码。它展示了如何使用 Script.Require("MyScript")。 JQuery 模块本身就是一个很好的例子。该模块还附带默认源代码。

注:我指的是Orchard 1.7及更高版本

To have a good example look for the module ContentPicker. This comes with default Orchard source code. It shows how you can use Script.Require("MyScript"). JQuery module itself is a good example. This module also comes with default source code.

Note: I am referring to Orchard 1.7 and later versions

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文