Comment utiliser javascript (fichier js) dans Orchard CMS

Quelqu'un peut-il me dire s'il vous plaît comment utiliser le js dans le Verger de la CMS? Je l'ai ajouté à Disposition.cshtml page
Script.include("jquery.js").

source d'informationauteur user518363

  1. 27

    Vous pouvez le faire en double.

    Première approche est juste comme mdm décrit:

    1. Créer votre propre mise en œuvre de IResourceManifestProvider (interface de prendre un coup d'oeil au Verger de la source - il été mis en œuvre dans de nombreux modules), de mettre en œuvre BuildManifests(ResourceManifestBuilder builder) méthode et créer une ressource nommée pour une commande donnée .fichier js
    2. Utilisation @{ Script.Require("[your resource name]"); } dans votre Rasoir vue de fichier (.cshtml) pour inclure ce script.

    C'est une solution à privilégier si vous avez de nombreux fichiers de script, éventuellement avec des dépendances entre elles. Il vous permet de spécifier les dépendances pour chaque fichier de script et de faire Verger de prendre soin de tout le reste (donc quand vous faites référence à une ressource donnée, toutes celles qui dépendent serait également automatiquement référencé dans le bon ordre).

    La seconde, l'approche la plus simple est à faire directement référence à l' .js fichier de script dans votre .cshtml fichier, sans la création d'une ressource nommée. C'est utile si vous souhaitez ajouter rapidement une référence à un seul script. Comme ceci (exemple tiré du Verger.Web\Core\Formes\Views\Document.cshtml):

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

    Si vous avez le Verger.jQuery module installé et activé, puis, au sommet de votre point de vue utilisation:

    Script.Require("jQuery")

    Ont un look à la ResourceManifest classe dans le Verger.jQuery projet (doit être quelque part dans votre Verger solution fichier), vous pouvez voir tous les différents modules jQuery vous pouvez inclure l'utilisation de cette syntaxe (par exemple,jQueryUI_CorejQueryUI_Tabsetc)

    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);
  3. 1

    C'est un peu de la triche mais vous pouvez simplement ajouter ceci à la mise en page ou le fichier de document.

    <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>
  4. 0

    Pour avoir un bon exemple de look pour le module ContentPicker. Cela vient par défaut avec Verger code source. Il montre comment vous pouvez utiliser le Script.Require("Script"). JQuery module lui-même est un bon exemple. Ce module est également livré avec par défaut le code source.

    Note: je parle de Verger 1.7 et versions ultérieures