Μπορείτε να ορίσετε μια λειτουργική μονάδα RequireJS στο αρχείο render.js
. Οι τοποθεσίες φορτώνουν τις εξαρτήσεις, όπως για τα JQuery, Mustache, την προσθήκη κειμένου RequireJS και την προσθήκη CSS RequireJS.
define([ 'jquery', 'mustache', 'text!./layout.html', 'css!./design.css' ], function ($, Mustache, templateHtml, css) {
Μπορείτε να χρησιμοποιήσετε το σύστημα προτύπων Mustache για την απόδοση της διάταξης.
Το αρχείο assets/render.js
για μια διάταξη περιεχομένου έχει τις ακόλουθες ιδιότητες:
Πρέπει να είναι μια λειτουργική μονάδα RequireJS
Πρέπει να επιστρέφει μια συνάρτηση κατασκευής JavaScript. Οι τοποθεσίες καλούν τη συνάρτηση Κατασκευή μεταβιβάζοντας ένα αντικείμενο παραμέτρου. Το αντικείμενο παραμέτρου έχει τα δεδομένα στοιχείου περιεχομένου και τα API που απαιτούνται για την απόδοση της διάταξης.
Η συνάρτηση Κατασκευή πρέπει να έχει μια μέθοδο render(parentObj)
που χειρίζεται την απόδοση της διάταξης περιεχομένου. Πρέπει να προσαρτήσει το αντικείμενο DOM διάταξης περιεχομένου στο αντικείμενο parentObj
που μεταβιβάζεται στη μέθοδο render()method
.
Η λειτουργική μονάδα RequireJS μπορεί να χρησιμοποιήσει τις εξαρτήσεις, μεταξύ των οποίων και τα JQuery, Mustache, η προσθήκη κειμένου RequireJS και η προσθήκη CSS RequireJS. Αυτές οι εξαρτήσεις θα φορτώνονται από τις τοποθεσίες. Μπορείτε να χρησιμοποιήσετε και άλλες βιβλιοθήκες επίσης.