De RequireJS-module definiëren

In het bestand render.js kunt u een RequireJS-module definiëren. In Sites worden de afhankelijkheden geladen voor onder andere JQuery, Mustache en de plug-ins voor RequireJS Text en RequireJS CSS.

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

U kunt het Mustache-sjabloonsysteem gebruiken om de lay-out weer te geven.

Het bestand assets/render.js voor een inhoudlay-out bevat de volgende eigenschappen:

• Het is een RequireJS-module.

• Met deze functie wordt een JavaScript Constructor-functie geretourneerd. In Sites wordt de Constructor-functie aangeroepen door het doorgeven van een parameterobject. Het parameterobject bevat de vereiste inhouditemgegevens en API's om de lay-out te kunnen weergeven.

• De Constructor-functie bevat de methode render(parentObj) met behulp waarvan de weergave van de inhoudlay-out wordt afgehandeld. Hierbij wordt het DOM-object van de inhoudlay-out toegevoegd aan het object parentObj dat wordt doorgegeven aan de methode render()method.

• In de RequireJS-module kan gebruik worden gemaakt van de afhankelijkheden, zoals voor JQuery, Mustache en de plug-ins voor RequireJS Text en RequireJS CSS. Deze afhankelijkheden worden geladen in Sites. U kunt ook ander bibliotheken gebruiken.