Différences

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

--- richclient:emberjs:data:crud [2018/02/04 20:04] – [Flags, dirty attributes et annulation] jcheron
+++ richclient:emberjs:data:crud [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 140: / Ligne 140: @@
 ===== Erreurs de validation =====
+Côté router, il est possible d'utiliser le **error hook** pour intercepter les erreurs de chargement/mise à jour,
+<sxh javascript>
+import Route from '@ember/routing/route';
+export default Route.extend({
+  model(params) {
+    return this.get('store').findAll('privileged-model');
+  },
+  actions: {
+    error(error, transition) {
+      if (error.status === '403') {
+        this.replaceWith('login');
+      } else {
+        // Let the route above this handle the error.
+        return true;
+      }
+    }
+  }
+});
+</sxh>
+Si le serveur retourne des erreurs de validation au moment du save, la propriété **errors** du model permet de les afficher :
+<sxh html>
+{{#each post.errors.title as |error|}}
+  <div class="error">{{error.message}}</div>
+{{/each}}
+{{#each post.errors.body as |error|}}
+  <div class="error">{{error.message}}</div>
+{{/each}}
+</sxh>
+Il existe également un **loading event** permettant d'intervenir sur le chargement :
+<sxh javascript>
+import Route from '@ember/routing/route';
+export default Route.extend({
+  ...
+  actions: {
+    loading(transition) {
+      let start = new Date();
+      transition.promise.finally(() => {
+        this.get('notifier').notify(`Took ${new Date() - start}ms to load`);
+      });
+      return true;
+    }
+  }
+});
+</sxh>
 ===== Promises =====