Amélioration de l'expérience utilisateur

Vérifiez qu'une aide à la saisie est proposée pour la zone Devise sur la page d'objet. Examinez où et comment cette aide à la saisie est définie.

1. Lancez l'aperçu du service IU OData.

   1. Procédez comme vous l'avez fait dans les exercices précédents.

2. Ouvrez la page d'objet d'un vol en mode de modification.

   1. Procédez comme vous l'avez fait dans les exercices précédents.

3. Vérifiez qu'une aide à la saisie est disponible pour la zone Devise.

   1. Ouvrez l'aide à la saisie pour la zone Devise affichée pour le prix du vol.

4. Revenez à l'environnement de développement et explorez la définition de l'aide à la saisie.

Excluez les opérations standard créer et supprimer, puis définissez la zone PlaneTypeID en lecture seule.

1. Dans la projection de comportement pour votre service, désactivez les opérations standard Créer et Supprimer.

   1. Ouvrez la projection de comportement ZC_##FLIGHT (où ## est votre numéro de groupe).

   2. Ajoutez des marqueurs de commentaire devant les énoncés use create; et use delete;.

      Pour ajouter les marqueurs de commentaire, procédez comme d'habitude : sélectionnez les lignes de code que vous souhaitez commenter et appuyez sur Ctrl + <.

      Votre code doit alors ressembler à ceci :

      Code Snippet

      Copy codeSwitch to dark mode

      123
      //  use create;
      use update;
      //  use delete;

2. Dans la projection de comportement de votre objet de gestion, définissez la zone PlaneTypeID en lecture seule.

   1. Dans la projection de comportement, ajoutez le code suivant :

      Code Snippet

      Copy codeSwitch to dark mode

      1
      field ( readonly ) PlaneTypeID;

      Remarque

      La position précise de l'énoncé n'est pas importante. Nous vous suggérons de le placer avant l'utilisation... instructions.

3. Activez la projection de comportement.

   1. Appuyez sur Ctrl + F3 pour activer la projection de comportement.

Masquez les zones administratives de l'interface utilisateur. Assurez-vous que seuls CarrierID et ConnectionID sont affichés comme zones de sélection sur la page de liste du programme. Modifiez la séquence de zones sur la page d'objet de sorte que PlaneTypeID soit affiché avant Price.

1. Modifiez l'extension de métadonnées de la vue de projection ZC_##Vol. Supprimez toutes les annotations d'interface utilisateur pour les zones LocalCreatedBy, LocalCreatedAt, LocalLastChangedBy, LocalLastChangedAt et LastChangedAt et remplacez-les par @UI.hide: true.

   1. Ouvrez l'extension de métadonnées ZC_##FLIGHT, où ## est votre numéro de groupe.

   2. Adaptez le code comme suit :

      Code Snippet

      Copy codeSwitch to dark mode

      1234567891011121314
      @UI.hidden: true
      LocalCreatedBy;
        
      @UI.hidden: true
      LocalCreatedAt;
        
      @UI.hidden: true
      LocalLastChangedBy;
        
      @UI.hidden: true
      LocalLastChangedAt;
        
      @UI.hidden: true
      LastChangedAt;

2. Supprimez l'annotation @UI.selectionField pour tous les éléments, à l'exception des éléments CarrierID et ConnectionID.

   1. Adaptez le code comme suit :

      Code Snippet

      Copy codeSwitch to dark mode

      1234567891011121314151617181920212223
      @UI.identification: [ {
        position: 30
      } ]
      @UI.lineItem: [ {
        position: 30
      } ]
      FlightDate;
        
      @UI.identification: [ {
        position: 40
      } ]
      @UI.lineItem: [ {
        position: 40
      } ]
      Price;
        
      @UI.identification: [ {
        position: 50
      } ]
      @UI.lineItem: [ {
        position: 50
      } ]
      PlaneTypeID;

3. Modifiez la position de la zone PlaneTypeID sur la page d'objet. Placez-le entre FlightDate et Price.

   Astuce

   La position sur la page d'objet est indiquée avec l'annotation @UI.identification.

   1. Modifiez la valeur de l'annotation @UI.identification: [ { position: } ] pour l'élément PlaneTypeID. Sélectionnez une valeur comprise entre les valeurs des éléments FlightDate et Price.

   2. Adaptez le code comme suit :

      Code Snippet

      Copy codeSwitch to dark mode

      1234567
      @UI.identification: [ {
        position: 35
      } ]
      @UI.lineItem: [ {
        position: 50
      } ]
      PlaneTypeID;

4. Activez l'extension de métadonnées.

   1. Appuyez sur Ctrl + F3 pour activer l'extension de métadonnées.

Relancez l'aperçu du service IU OData et vérifiez les modifications apportées à l'interface utilisateur.

1. Relancez l'aperçu du service IU OData.

   1. Fermez la fenêtre ou l'onglet du navigateur qui contient l'aperçu.

   2. Ouvrez la liaison de service ZUI_##FLIGHT_O4. Dans la liste Ensemble d'entités et association à droite, sélectionnez d'abord l'entrée Vol, puis Aperçu....

2. Sur la page Liste des notes de frais, vérifiez que les boutons Créer et Supprimer ont disparu.

   1. Procédez comme vous l'avez fait dans les exercices précédents.

3. Assurez-vous qu'aucune autre zone administrative n'est affichée sur la page Liste des notes de frais.

   1. Procédez comme vous l'avez fait dans les exercices précédents.

4. Vérifiez que, outre le champ Statut de modification, seuls deux champs de sélection sont visibles en haut de la page Liste des notes de frais. Testez leur fonctionnalité.

   Astuce

   Notez que les zones de sélection prennent en charge la saisie de plusieurs valeurs et plages.

   1. Saisissez une valeur dans la zone de sélection Airline ID (par exemple : LH) et cliquez sur Lancer.

   2. Répétez l'opération avec d'autres valeurs.

5. Pour tout ensemble de données, accédez à la page d'objet. Vérifiez que le bouton Supprimer a disparu.

   1. Procédez comme vous l'avez fait dans les exercices précédents.

6. Assurez-vous qu'aucune autre zone administrative n'est affichée sur la page d'objet.

   1. Procédez comme vous l'avez fait dans les exercices précédents.

7. Vérifiez que le champ Type d'avion est affiché après le champ Date du vol et avant le champ Prix du vol.

   1. Procédez comme vous l'avez fait dans les exercices précédents.

8. Passez en mode de modification et vérifiez que la valeur de la zone Type d'avion ne peut pas être modifiée.

   1. Procédez comme vous l'avez fait dans les exercices précédents.