RequireJS-Modul definieren

Sie können ein RequireJS-Modul in der Datei render.js definieren. Sites laden die Abhängigkeiten, wie für JQuery, Mustache, das RequireJS-Text-Plug-in und das RequireJS-CSS-Plug-in.

define([
                'jquery',
                'mustache',
                'text!./layout.html',
                'css!./design.css'
], function ($, Mustache, templateHtml, css) {

Sie können das Layout mit dem Mustache-Vorlagensystem rendern.

Die Datei assets/render.js für ein Inhaltslayout weist die folgenden Eigenschaften auf:

  • Sie sollte ein RequireJS-Modul sein.

  • Sie sollte eine JavaScript-Konstruktorfunktion zurückgeben. Sites rufen die Konstruktorfunktion durch Übergeben eines Parameterobjekts auf. Das Parameterobjekt enthält die erforderlichen Inhaltselementdaten und APIs zum Rendern des Layouts.

  • Diese Konstruktorfunktion muss eine render(parentObj)-Methode aufweisen, die das Rendering des Inhaltslayouts verarbeitet. Sie muss das DOM-Objekt des Inhaltslayouts an das parentObj-Objekt anhängen, das an render()method übergeben wird.

  • Das RequireJS-Modul kann die Abhängigkeiten, darunter JQuery, Mustache, das RequireJS-Text-Plug-in und das RequireJS-CSS-Plug-in, verwenden. Diese Abhängigkeiten werden von Sites geladen. Sie können auch andere Librarys verwenden.