Différences

Ci-dessous, les différences entre deux révisions de la page.

--- richclient:emberjs:router:methods [2018/01/25 01:40] – créée jcheron
+++ richclient:emberjs:router:methods [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
-====== Méthodes ======
+====== router Méthodes ======
+===== afterModel =====
+<sxh javascript;gutter:false>
+afterModel (model, transition)
+</sxh>
+hook appelé après le chargement du model pour la route.
+===== beforeModel =====
+<sxh javascript;gutter:false>
+beforeModel (params, transition)
+</sxh>
+hook appelé avant le chargement du model pour la route.
+===== model =====
+<sxh javascript;gutter:false>
+model (params, transition)
+</sxh>
+hook retournant le model à utiliser pour la route.
 ===== render =====
@@ Ligne 5: / Ligne 28: @@
 render (name, options)
 </sxh>
+Affiche le contenu d'un template dans une zone outlet nommée, en passant éventuellement des paramètres (model, controller...)
+<sxh javascript;title:app/router.js>
+// ...
+Router.map(function() {
+  this.route('photos');
+});
+export default Router;
+</sxh>
+<sxh html;title:app/templates/application.hbs>
+<!-- application.hbs -->
+<div class='something-in-the-app-hbs'>
+  {{outlet "anOutletName"}}
+</div>
+</sxh>
+Il est possible d'afficher **photos.hbs** dans l'outlet **"anOutletName"** du template **application.hbs** en appelant la méthode **render** :
+<sxh javascript;title:app/routes/post.js>
+import Ember from 'ember';
+export default Ember.Route.extend({
+  renderTemplate() {
+    this.render('photos', {
+      into: 'application',
+      outlet: 'anOutletName'
+    })
+  }
+});
+</sxh>
+La méthode **render** peut permettre également de préciser le controller et le model à utiliser :
+<sxh javascript;title:app/routes/post.js>
+import Ember from 'ember';
+export default Ember.Route.extend({
+  renderTemplate(controller, model){
+    this.render('posts', {    // the template to render, referenced by name
+      into: 'application',    // the template to render into, referenced by name
+      outlet: 'anOutletName', // the outlet inside `options.into` to render into.
+      controller: 'someControllerName', // the controller to use for this template, referenced by name
+      model: model            // the model to set on `options.controller`.
+    })
+  }
+});
+</sxh>
+===== renderTemplate =====
+<sxh javascript;gutter:false>
+renderTemplate (controller, model)
+</sxh>
+hook à utiliser pour afficher le template de la route courante.
+===== send =====
+<sxh javascript;gutter:false>
+send (name, args)
+</sxh>
+Déclenche (trigger) une action.