Cómo usar javascript (archivo js) en Orchard CMS

Question

¿Alguien me puede decir cómo usar el archivo js en Orchard CMS? Lo agregué a la página Layout.cshtml como Script.include("jquery.js").

Answer 1

Si ha instalado el módulo Orchard.jQuery y habilitado, a continuación, en la parte superior de la vista de su uso:

Script.Require("jQuery") 

Tener un vistazo a la clase ResourceManifest en el proyecto Orchard.jQuery (debe estar en algún lugar de su archivo de solución Orchard), allí puede ver todos los diferentes módulos jQuery que puede incluir usando esta sintaxis (por ej. jQueryUI_Core, jQueryUI_Tabs, etc.)

Por ej.

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); 

Answer 2

Puedes hacerlo doble.

primer enfoque es igual MDM describe:

1. Crear su propia implementación de IResourceManifestProvider interfaz (echar un vistazo a la fuente Orchard - que ha sido implementado en muchos módulos), implementar BuildManifests(ResourceManifestBuilder builder) método y crear un nombre recurso para un archivo .js determinado
2. Use @{ Script.Require("[your resource name]"); } en su archivo de vista Razor (.cshtml) para incluir ese script.

Esta es una solución preferida si tiene muchos archivos de comandos, posiblemente con dependencias entre ellos. Le permite especificar las dependencias para cada archivo de script y hacer que Orchard se encargue del resto (de modo que cuando haga referencia a un recurso determinado, todos los dependientes también se referenciarán automáticamente en el orden correcto).

El segundo enfoque más simple es para hacer referencia directamente el archivo de secuencia de comandos en su archivo .js .cshtml, sin crear un recurso con nombre. Es útil si desea agregar rápidamente una referencia a un solo script. Como esto (ejemplo tomado de Orchard.Web \ Core \ Formas \ views \ Document.cshtml):

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

Answer 3

Es un poco trampa, pero se puede simplemente añadir esto al archivo de diseño o documento.

<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> 

Answer 4

Para tener un buen ejemplo, busque el módulo ContentPicker. Esto viene con el código fuente predeterminado de Orchard. Muestra cómo puede usar Script.Require ("MyScript"). El módulo JQuery en sí es un buen ejemplo. Este módulo también viene con código fuente predeterminado.

Nota: Me refiero a Orchard 1.7 y versiones posteriores