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

add javascript to html

Question

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

Answer 1

Es un poco engañoso, pero puedes agregar esto al diseño o al archivo de 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 2

Para tener un buen ejemplo, busque el módulo ContentPicker. Esto viene con el código fuente predeterminado de Orchard. Muestra cómo se puede usar Script.Require ("MyScript"). El propio módulo JQuery 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.

Answer 3

Puedes hacerlo doble.

El primer enfoque es como mdm se describe :

1. Cree su propia implementación de la interfaz IResourceManifestProvider (eche un vistazo a la fuente de Orchard, se ha implementado en muchos módulos), implemente el BuildManifests(ResourceManifestBuilder builder) y cree un recurso con nombre para un archivo .js dado
2. Use @{ Script.Require("[your resource name]"); } @{ Script.Require("[your resource name]"); } en tu archivo de vista de Razor (.cshtml) para incluir ese script.

Esta es una solución preferida si tiene muchos archivos de script, 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 hace referencia a un recurso dado, a todos los dependientes también se les hará referencia automáticamente en el orden correcto).

El segundo enfoque, más simple, es hacer referencia directa al archivo de script .js en su archivo .cshtml, sin crear un recurso con nombre. Es útil si desea agregar rápidamente una referencia a un solo script. Así ( ejemplo tomado de Orchard.Web / Core / Shapes / Views / Document.cshtml ):

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

Answer 4

Si tiene el módulo Orchard.jQuery instalado y habilitado, en la parte superior de su vista use:

Script.Require("jQuery")

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

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