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.