richclient:emberjs:td6

Ceci est une ancienne révision du document !


TD n°6

Ce projet utilise le repository github : boards-app

  • Projet boards
  • Application gestion de projets SCRUM
  1. Factorisation du code
  2. Réutilisation

Vous pouvez au choix :

  • Partir de votre propre projet et y inclure les éléments du projet Github
  • Partir du projet GitHub pour y intégrer vos propres fonctionnalités

template partagé

Une route peut redéfinir la propriété templateName pour permettre l'utilisation d'un même template par plusieurs routes :

C'est le cas des routes projects/new et projects/update/:project_id qui partagent le template projects/frm.hbs :

import...
...
export default Route.extend({
  templateName: 'projects/frm',
  ...
 }

Composants

Composant ui-form

Le composant ui-form permet de factoriser la création d'une forme (il insère les parties header et footer du formulaire) :

Exemple d'utilisation :

{{#ui-form newValue=model.newProject  oldValue=model.oldProject validation="save" cancel="cancel" bigIcon='table' isNew=model.isNew header='Project'}}
  <div class="field">
    <label for="name">Name</label>
    {{input id="name" placeholder="Name" value=model.newProject.name}}
  </div>
  ...
{{/ui-form}}

  • richclient/emberjs/td6.1521486955.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)