SAP CRM 7.0

Introductions et exercices

Introduction

Customer Relationship Management définit une stratégie d’entreprise orientée client. Il s’agit d’un ensemble de processus et de services allant de l’étude de marché au service après vente visant à optimiser l’acquisition de nouveaux clients, la satisfaction à leur besoin et leur fidélisation à long terme. Le module SAP CRM met à disposition des outils accessibles par une interface web pour mettre cette stratégie en œuvre.

L’interface

Header : sert à l’affichage de la bannière de l’entreprise, contient les liens vers les menus de personnalisation de l’interface utilisateur, l’aide, les messages système et la fermeture de session utilisateur.

Barre de navigation : contient les liens vers les outils et activités à disposition de l’utilisateur. Les outils accessibles ici dépendent du profil de l’utilisateur et de l’activité qu’il exerce.

Fenêtre principale : affichage des activités, résultats de transactions et de recherches.

L’interface est personnalisable, et il est possible de créer/modifier les profils utilisateurs pour donner aux usagers des droits et accès bien précis en termes d’applications.

Business Role et profils

Le Business Role définit une catégorie d’utilisateur à laquelle on assigne les profils qui définissent l’interface, les autorisations et les applications disponibles de l’utilisateur.

Business Role

Navigation Bar Profile

PFCG Role

Layout Profile

Technical Profile

Role Configuration Key

Navigation Bar Profile : contient la structure logique pour appeler les applications internes et externes depuis le Web Client CRM. Ce profil décrit la barre de navigation de l’interface utilisateur dont la structure est spécifique à chaque Business Role.

Role Configuration Key : paramètre qui définit la configuration basée sur le Business Role.

Technical Profile : on y définit la page vers laquelle l’utilisateur est redirigé lorsqu’il se déconnecte du Web Client.

Layout Profile : définit la structure générale de l’interface utilisateur. On y personnalise l’affichage du header, du footer, de la page principale et de la barre de navigation.

PFCG Role : donne à l’utilisateur des droits d’accès prédéfinis aux objets de l’interface.

Exercices

Vous allez ici créer et assigner vos profils de navigation.

Créer un Authorization Role

1. Lancer la transaction PFCG.2. Copier le rôle SAP_CRM_UIU_SRV_PROFESSIONAL dans un rôle nommé ZZTRI_PFCG_ROLE où TRI est votre

trigramme.

Créer un profil de barre de navigation

1. Lancer la transaction CRMC_UI_NBLINKS.2. Copier le profil SRV-PRO sous le nom ZTRI_NAVSPRO avec les dépendances.3. Sauvegarder.

Créer un Business Role

1. Lancer la transaction CRMC_UI_PROFILE.2. Copier le profil SERVICEPRO sous le nom ZTRI_SRVPRO en remplaçant le profil de barre de navigation par

ZTRI_NAVSPRO et le PFCG Role ID par ZZTRI_PFCG_ROLE.

Assigner le Business Role

1. Lancer la transaction PPOMA_CRM.2. Rechercher l’Organisational Unit SALESPRO.3. Dans la structure faire un clic droit sur la position Test et choisir Assign. 4. Choisir d’assigner un Holder (utilisateur). Entrer votre nom d’utilisateur puis sauvegarder.5. Sélectionner la position Test et suivre le menu Goto > Detail object > Enhanced object description.6. Sélectionner Business Role dans la liste des infotypes et cliquer sur Créer.7. Assigner le Business Role ZTRI_SRVPRO sur un intervalle de date valide puis valider et activer.

Window

View Set

View 1

View 2 View 3

Description technique d’un écran

Un écran affiche une fenêtre qui contient une ou plusieurs vues. Les vues peuvent être assemblées dans des View Sets, permettant ainsi de les combiner et de les imbriquer pour des affichages plus complexes.

Views

Les vues ne peuvent être créées que dans les UI Components, via le Component Workbench (transaction BSP_WD_SMPWB). Une vue se définit par un View Controller et une Implementation Class. On définit également dans le View Controller les messages, initialisations, méthodes et évènements qui influencent la logique du flux ainsi que les Inbound/Outbound Plugs. On gère la mise en page d’une vue avec une page BSP.

Pour pouvoir être exécutée, une vue doit être assignée à une fenêtre ou à un View Set lui-même assigné à une fenêtre. Ceci se fait dans le Runtime Repository Editor du Component Workbench.

Context Nodes

Les Context Nodes servent à faire le lien entre les données de l’écran de l’utilisateur et le système. Il en existe de deux types :

- Model Node : référence à un objet GenIL de l’object model. Fait le lien entre les éléments de l’écran et l’object model ;

- Value Node : ne contient pas de référence, mais peut contenir n’importe quel nombre d’attributs et de valeurs.

Chaque Context Node possède une classe d’implémentation qui lui est propre et qui est générée automatiquement à la création du node par le wizard.

View 1 View 2Outbound Plug

Outbound Plug

Inbound Plug

Inbound Plug

Outbound Plug

Navigational Links

Attributs et méthodes

Les attributs d’un Context Node sont accessibles de façon générique via la structure virtuelle STRUCT.. Par exemple si on a un Model Node BuilHeader référençant l’objet GenIL BuilHeader on peut accéder à son attribut BP_GUID en utilisant STRUCT.BP_GUID. Les méthodes génériques pour accéder aux attributs sont les méthodes GET_S_STRUC et SET_S_STRUCT.

Méthodes Getter

Il existe quatre types de méthodes Getter pour modifier les définitions d’un écran :- P (Property) : définit les propriétés de l’écran (par ex. afficher un lien à côté d’un champ, définir le nom d’un

on click event, un groupe de radio boutons, un tooltip…)via le paramètre RV_VALUE.- V (Value help) : implémente une aide à la saisie (du type F4 ou dropdown) pour un champ lié à un attribut

d’un Context Node.- M (Metadata) : fournit les metadata d’un attribut, comme le data type issu de l’ABAP Dictionary ou la

longueur de champ.- I (Input readiness) : permet de griser les champs.

Plugs

Les Plugs sont des points de transfert des vues. Ils servent à définir les voies de navigation dans l’application. Les Inbound Plugs définissent les voies d’accès à une vue depuis d’autres vues. Les Outbound Plugs définissent les liaisons depuis une vue vers l’extérieur.

On peut échanger des données entre les vues si elles possèdent un data context commun grâce à une liaison de Context Node (Binding), ou en utilisant le paramètre DATA_COLLECTION de la méthode NAVIGATE du View Manager

Les fenêtres peuvent également posséder des Plugs. On peut alors quitter une fenêtre via son Outbound Plug avec la méthode CALL_OUTBOUND_PLUG. A la création d’un Plug d’une fenêtre cette méthode est générée vide et doit être complétée avec l’appel suivant :

me->fire_outbound_plug( iv_outbound_plug = ‘[PLUG_NAME]’

iv_data_collection = iv_data_collection ).

Context Node Binding

A l’affichage d’une vue le View Controller prend en charge l’instanciation des Context Nodes. Lorsque la vue n’est plus visible elle est désactivée, le context et les Context Nodes sont retiré du stockage. Pour conserver les valeurs du context on peut lier les Context Nodes de la vue à ceux d’un Custom Controller ou d’un Component Controller. On a alors une synchronisation des données des Context Nodes liés.(!) On ne peut lier que des Context Nodes qui ont les mêmes attributs.

Navigation

On peut lancer la navigation depuis une vue après avoir défini un Navigational Link grâce à l’appel suivant :

view_manager->navigate( source_rep_view = rep_view outbound_plug = ‘[NAME_OF_NAVIGATIONAL_LINK]’ ).

(!) Il faut mettre le nom du Navigational Link en paramètre outbound_plug et non pas le nom de l’Outbound Plug.

A la création d’un Outbound Plug le wizard génère une méthode d’implémentation vide. Il est conseillé de remplir cette méthode avec l’appel ci-dessus. Ainsi, dans le cas où le nom du Navigational Link changerait seul cet appel serait à modifier.

Exercices

Création d’un UI Component

1. Lancer le Component Workbench : transaction BSP_WD_CMPWB et créer le component ZTRI_COMPONENT où TRI est votre trigramme.

2. Valider la description par défaut puis enregistrer en objet local.

Liaison à un Object Model

1. Ouvrir le component ZTRI_COMPONENT.2. Sélectionner le Runtime Repository Editor.3. Se mettre en mode modification.4. Faire un clic droit sur Models et choisir Add Model.

5. Entrer la valeur ALL puis valider.

2

3

4

Implémenter une page de recherche

Création d’un Custom Controller

1. Dans le Component Structure Browser du Component Workbench faire un clic droit sur Custom Controllers et choisir Create.

2. Dans le wizard entrer le nom de controller CuCoSearch.3. A l’étape 3 créer le Model Node BuilHeader :

4. Terminer le wizard en validant toutes les autres étapes.

Créer une vue pour entrer les critères de recherche

1. Dans le Component Structure Browser faire un clic droit sur Views et choisir Create.2. Dans le wizard entrer le nom de la vue SearchView.3. Créer les Model Nodes BuilHeader et Searchobject.

4. A l’étape Create Links to Custom Controllers créer le lien avec le Model Node BuilHeader du Custom Controller CuCoSearch :

5. A l’étape suivant conserver le type Empty View, puis terminer le Wizard en validant.6. Ouvrir la vue SearchView et déplier l’arbre Context > Context Nodes > SEARCHOBJECT et double cliquer sur la

classe d’implémentation. Dans l’éditeur de classer aller dans l’onglet Properties, passer en modification et cliquer sur Change Inheritance pour modifier l’héritage de la classe en mettant CL_BSP_WD_CONTEXT_NODE_ASP puis activer les modifications.(Ne pas changer)

7. Revenir sur l’overview de la vue SearchView. Ouvrir la classe d’implémentation du View Controller. Dans l’onglet Properties double cliquer sur la superclasse pour accéder à la classe ZL_ZTRI_COMP et changer l’héritage en remplaçant CL_BSP_WD_VIEW_CONTROLLER par CL_BSP_WD_ADVSEARCH_CONTROLLER .

8. Revenir à l’overview de la vue SearchView. Double cliquer sur la page BSP SearchView.htm et ajouter le code suivant à la page :

9. Activer la page puis relancer le Component Workbench et ouvrir le component ZTRI_COMPONENT. Ouvrir la vue SearchView et aller dans l’onglet Configuration.

10. Passer en édition et cliquer sur New Configuration. Valider les valeurs par défaut. Copier quelques critères de sélection à afficher :

<%@page language="abap" %><%@extension name="thtmlb" prefix="thtmlb" %><%@extension name="chtmlb" prefix="chtmlb" %><%@extension name="bsp" prefix="bsp" %><thtmlb:searchArea>  <thtmlb:searchTagArea>    <thtmlb:advancedSearch id = "AdvancedOrderSearch"                fieldMetadata = "<%= controller->get_dquery_definitions( ) %>"                header        = "<%= searchobject->get_param_struct_name( ) %>"                fieldNames    = "<%= controller->get_possible_fields( ) %>"                values        = "//searchobject/parameters"                maxHits       = "//searchobject/max_hits"                ajaxDeltaHandling = "false"                onEnter       = "SEARCH" />  </thtmlb:searchTagArea>  <thtmlb:searchButtonsArea>    <thtmlb:button design  = "EMPHASIZED"                   id      = "SEARCH_BTN"                   onClick = "SEARCH"                   text    = "Search" />  </thtmlb:searchButtonsArea></thtmlb:searchArea>

Créer un Event Handler

1. Dans l’overview de la vue SearchView faire un clic droit sur Event Handler et choisir Create. Nommer l’évènement SEARCH (en majuscules).

2. Double cliquer sur l’évènement généré EH_ONSEARCH. Ajouter le code suivant dans la méthode :

3. Activer la méthode.

Affichage des résultats de la recherche

1. Créer une nouvelle vue nommée SearchResultView.2. Dans la troisième étape du wizard créer le Model Node BuilHeader référence au BOL Entity BuilHeader.3. Dans l’étape Create Links to Custom Controllers faire le lien avec le BuilHeader du controller CuCoSearch :

4. Dans l’avant dernière étape choisir le type de vue Table View et sélectionner le Context Node BuilHeader puis terminer le wizard en validant.

  DATA l_qs TYPE REF TO cl_crm_bol_dquery_service.  l_qs ?= me->typed_context->searchobject->collection_wrapper->get_current( ).

  DATA l_result TYPE REF TO if_bol_entity_col.  l_result = l_qs->get_query_result( ).  me->typed_context->builheader->collection_wrapper->set_collection( l_result ).

5. Ouvrir la page BSP de la vue SearchResultView.htm et remplacer le code présent par le code suivant :

6. Activer les modifications et relancer le Component Workbench. Ouvrir la view SearchResultView et aller dans l’onglet de configuration, cliquer sur New Configuration, valider les valeurs par défaut puis choisir quelques

champs à afficher :

Note : certains champs ont le même titre. Vous pouvez cliquer sur Show Technical Details pour afficher les noms techniques. Ici nous afficherons STRUCT.ACCOUNT_DESCRIPTION et STRUCT.BP_DESCRIPTION.

7. Sauvegarder la configuration.

<%@page language="abap" %><%@extension name="thtmlb" prefix="thtmlb" %><%@extension name="chtmlb" prefix="chtmlb" %><%@extension name="bsp" prefix="bsp" %> <chtmlb:configCellerator    id    = "Table"    table = "//builheader/Table"    width = "100 %" />

Créer un View Set

1. Dans le Component Structure Browser faire un clic droit sur Views et choisir Create View Set.2. Donner le nom AdvSearchViewSet et définir la taille avec 2 lignes et 1 colonne :

3. Définir les zones d’affichage dans l’étape 3 :

4. Terminer le wizard en validant puis ouvrir le View Set.5. Ouvrir la page BSP AdvSearchViewset.htm et remplacer le code par le suivant :

6. Activer les modifications puis aller dans le Runtime Repository Editor. Ouvrir les nœuds ViewSets > AdvSearchViewset. Faire un clic droit sur la zone Searchcriteria et choisir Add View pour ajouter la vue SearchView. De la même manière ajouter la vue SearchResultView à la zone Resultlist.

7. Sauvegarder les modifications.

Assigner le View Set à une fenêtre

1. Dans le Runtime Repository Editor ouvrir le nœud Windows et faire un clic droit sur ZTRI_COMPONENT/MainWindow. Choisir Add View.

2. Dans la boîte de dialogue entrer le nom AdvSearchViewset puis valider.3. Sauvegarder les modifications.

Vous pouvez maintenant tester votre composant à partir du Component Workbench (F8).

<%@page language="abap" %><%@extension name="thtmlb" prefix="thtmlb" %><%@extension name="chtmlb" prefix="chtmlb" %><%@extension name="bsp" prefix="bsp" %><chtmlb:pageType type = "SEARCH" >  <thtmlb:searchFrame showSearchFields="TRUE">    <thtmlb:searchCriteriaFrame>      <bsp:call comp_id = "<%= controller->GET_VIEWAREA_CONTENT_ID( 'Searchcriteria' ) %>"           url          = "<%= controller->GET_VIEWAREA_CONTENT_URL( 'Searchcriteria' ) %>" />    </thtmlb:searchCriteriaFrame>    <thtmlb:searchResultFrame>      <bsp:call comp_id = "<%= controller->GET_VIEWAREA_CONTENT_ID( 'Resultlist' ) %>"                url     = "<%= controller->GET_VIEWAREA_CONTENT_URL( 'Resultlist' ) %>" />    </thtmlb:searchResultFrame>  </thtmlb:searchFrame></chtmlb:pageType>

Implémenter une page d’overview

Nous allons ici voir d’autres fonctionnalités de base pour la mise en place d’une vue de formulaire tels que l’implémentation d’un menu déroulant ou la liaison de Context Nodes au Component Controller.

Configuration d’un Component Usage

1. Dans le Component Workbench ouvrir le Runtime Repository Editor et passer en modification.2. Faire un clic droit sur ComponentUsages et choisir Add Component Usage :

3. Sauvegarder et confirmer le dialogue qui apparaît.4. Dans le Component Structure Browser ouvrir le Component Controller et créer un nouveau Context Node appelé

BuilHeader. Terminer le wizard en validant toutes les autres étapes sans rien remplir.5. Ouvrir la classe d’implémentation du Component Controller, passer en modification, sélectionner la méthode

WD_USAGE_INITIALIZE et cliquer sur l’icône Redefine :

6. Ajouter le code suivant à la méthode :

7. Activer et revenir à l’overview du Component Controller.

Instanciation du context du groupe de vues

L’usage du composant BP_ROLES rend nécessaire l’instanciation du context du groupe de vues dans la fenêtre MainWindow, sinon un message d’erreur est remonté à l’exécution.

1. Dans le Component Structure Browser ouvrir la fenêtre MainWindow. 2. Ouvrir la classe d’implémentation du Window Controller pour redéfinir la méthode

SET_VIEW_GROUP_CONTEXT et y mettre le code suivant :

3. Activer les modifications et revenir à l’overview de la fenêtre.

Créer et configurer la vue de formulaire

1. Dans le Component Structure Browser Créer une nouvelle vue nommée FormularView.2. A la troisième étape définir le Model Node BuilHeader référence à l’entité BOL BuilHeader.3. A l’étape Select View Type sélectionner Empty View.4. Terminer le wizard en validant.

  CASE iv_usage->usage_name.    WHEN 'Rollen'.      CALL METHOD iv_usage->bind_context_node        EXPORTING          iv_controller_type  = cl_bsp_wd_controller=>co_type_component          iv_name             = iv_usage->usage_name          iv_target_node_name = 'BUILHEADER'          iv_node_2_bind      = 'PARTNER'.  ENDCASE.

  IF iv_first_time = abap_true.    IF NOT me->view_group_context IS BOUND.      IF iv_parent_context IS INITIAL.        CREATE OBJECT          me->view_group_context TYPE cl_bsp_wd_view_group_context.      ELSE.        me->view_group_context = iv_parent_context.      ENDIF.    ENDIF.  ENDIF.

5. Editer la page BSP FormularView.htm pour y ajouter le code suivant :

6. Relancer le Component Workbench et ouvrir la vue FormularView, puis cliquer sur l’onglet de configuration.7. Passer en édition et cliquer sur New Configuration. Valider les valeurs par défaut.8. Cliquer sur Show Available Fields et sur Show Technical Details.9. Ajouter les zones suivantes :

- //BuilHeader/Struct.bp_number- //BuilHeader/Struct.account_description- //BuilHeader/Struct.bp_description- //BuilHeader/Struct.SEX

10. Sauvegarder les modifications.

Liaison de Context Node (Binding) au Component Controller

1. Ouvrir la classe d’implémentation ZL_ZTRI_COM_FORMULARVIEW_CTXT du contexte de la vue FormularView.2. Ajouter l’appel suivant à la fin de la méthode CREATE_BUILHEADER :

3. Activer les modifications et revenir à l’overview de la vue.

Créer et configurer la page d’overview

1. Dans le Component Structure Browser faire un clic droit sur Views et choisir Create Overview Page.2. La nommer OverviewPage.3. Dans le Runtime Repository faire un clic droit sur ViewSets et choisir Add View Set pour ajouter l’OverviewPage.4. Faire un clic droit sur la View Area OverviewPage du View Set et ajouter la vue FormularView.5. De la même manière ajouter également Roles.MainWindow.6. Faire un clic droit sur MainWindow dans le Runtime Repository Editor et ajouter la vue OverviewPage.

Sauvegarder.7. Dans le Component Structure Browser ouvrir la vue OverviewPage et cliquer sur l’onglet Configuration. Passer

en modification et cliquer sur New Configuration. Valider les valeurs par défaut.

<%@page language="abap" %><%@extension name="thtmlb" prefix="thtmlb" %><%@extension name="chtmlb" prefix="chtmlb" %><%@extension name="bsp" prefix="bsp" %><chtmlb:config xml  = "<%= controller->configuration_descr->get_config_data( ) %>"               mode = "RUNTIME" />

  owner->do_context_node_binding(         iv_controller_type  = cl_bsp_wd_controller=>co_type_component         iv_target_node_name = 'BuilHeader'         iv_node_2_bind      = builheader ).

8. Choisir le type Overview Page et cliquer sur Continue puis ajouter les deux composants disponibles comme suit :

9. Sauvegarder.

Implémenter un menu déroulant

1. Lancer la transaction SE24 et créer une nouvelle classe ZCL_TRI_VALUE_HELP_SEX où TRI est votre trigramme.2. Dans les Interfaces ajouter IF_BSP_WD_VALUEHELP_PLDESCR.3. Ouvrir la méthode IF_BSP_WD_VALUEHELP_PLDESCR~GET_SELECTION_TABLE et ajouter le code suivant :

4. Activer les modifications et retourner à l’overview des méthodes de la classe.5. Cliquer sur Class constructor puis ajouter le code suivant au constructeur créé :

6. Dans le Component Structure Browser ouvrir la vue FormularView et déplier l’arbre Context > Context Nodes > BUILHEADER > Attributes.

7. Faire un clic droit sur STRUCT.SEX pour générer le V Getter et le P Getter.

  DATA: lt_domain_entries TYPE STANDARD TABLE OF dd07v.  CALL FUNCTION 'DD_DOMVALUES_GET'    EXPORTING      domname   = 'BU_SEXID'      langu     = sy-langu      text      = 'X'    TABLES      dd07v_tab = lt_domain_entries.

  DATA: ls_sel_table TYPE LINE OF bsp_wd_dropdown_table,        lt_sel_table TYPE bsp_wd_dropdown_table.  FIELD-SYMBOLS: <domain> TYPE dd07v.

  LOOP AT lt_domain_entries ASSIGNING <domain>.    ls_sel_table-key   = <domain>-valpos.    ls_sel_table-value = <domain>-ddtext.    APPEND ls_sel_table TO lt_sel_table.  ENDLOOP.

  me->if_bsp_wd_valuehelp_pldescr~source_type =  me->if_bsp_wd_valuehelp_pldescr~source_type_table.

8. Ouvrir la méthode GET_P_SEX et ajouter le code suivant :

9. Activer et modifier ensuite la méthode GET_V_SEX pour ajouter le code suivant :

10. Activer.

  CASE iv_property.    WHEN if_bsp_wd_model_setter_getter=>fp_fieldtype.      rv_value = cl_bsp_dlc_view_descriptor=>field_type_picklist.  ENDCASE.

  CREATE OBJECT rv_valuehelp_descriptor TYPE zcl_value_help_sex.

Naviguer avec des Navigational Links

Il s’agit ici d’implémenter une navigation d’une page de recherche à une page d’overview avec des Navigational Links.

Créer les Inbound et Outbound Plugs

1. Dans le Component Structure Browser ouvrir la vue SearchResultView.2. Faire un clic droit sur Inbound Plugs et choisir Create et créer un Inbound Plug nommé DEFAULT.3. De la même manière créer un Outbound Plug nommé TO_OVERVIEWPAGE.4. Double cliquer sur l’outbound Plus généré pour accéder à la méthode et y ajouter le code suivant :

5. Ouvrir la vue OverViewPage et créer un Inbound Plug nommé DEFAULT.

Créer les Navigational Links

1. Dans le Runtime Repository Editor faire un clic droit sur Navigational Links pour en ajouter un :

2. Sauvegarder.

  view_manager->navigate(                source_rep_view = rep_view                outbound_plug   = 'TO_OVERVIEWPAGE'                data_collection = iv_data_collection ).

Intégrer le lien à la Result List

1. Dans le Component Structure Browser ouvrir la vue SearchResultView.2. Ouvrir les attributs du Context Node BUILHEADER et faire un clic droit sur STRUCT.ACCOUNT_DESCRIPTION pour

générer la méthode P Getter.3. Ajouter le code suivant à cette méthode :

4. Activer et retourner à l’overview de la vue SearchResultView.5. Faire un clic droit sur Event Handler pour créer l’évènement LINKCLICK.6. Ouvrir la méthode générée EH_ONLINKCLICK et ajouter le code suivant :

(!) Remplacer TRI par votre trigramme dans ce code !

7. Activer les modifications et retourner à l’overview de la vue.

  CASE iv_property.    WHEN if_bsp_wd_model_setter_getter=>fp_fieldtype.      rv_value = cl_bsp_dlc_view_descriptor=>field_type_event_link.    WHEN if_bsp_wd_model_setter_getter=>fp_onclick.      rv_value = 'LINKCLICK'.    WHEN if_bsp_wd_model_setter_getter=>fp_tooltip.  ENDCASE.

  DATA: lv_index TYPE i.  cl_thtmlb_util=>get_event_info(    EXPORTING iv_event = htmlb_event_ex    IMPORTING ev_index = lv_index ).

  CHECK lv_index IS NOT INITIAL.

  DATA: lr_entity TYPE REF TO if_bol_bo_property_access.  lr_entity ?= me->typed_context->builheader->collection_wrapper->find(    iv_index = lv_index ).

  CHECK lr_entity IS BOUND.

  DATA: lr_collection TYPE REF TO if_bol_bo_col.  CREATE OBJECT lr_collection TYPE cl_crm_bol_bo_col.  lr_collection->add( lr_entity ).

  DATA: lr_coco TYPE REF TO zl_zTRI_com_bspwdcomponen_impl.  lr_coco ?= me->comp_controller.  lr_coco->typed_context->builheader->collection_wrapper->add(    lr_entity ).

  CALL METHOD me->op_to_overviewpage(    iv_data_collection = lr_collection ).

Intégrer l’UI Component dans l’interface utilisateur

Définir l’Inbound Plug de la fenêtre

1. Dans le Component Structure Browser ouvrir la fenêtre MainWindow.2. Faire un clic droit dur Inbound Plugs pour créer le plug SEARCH.

Définir la fenêtre en tant que vue d’interface

1. Dans le Runtime Repository Editor faire un clic droit sur ComponentInterface pour ajouter une vue d’interface :

2. Dans l’arbre du Runtime Repository Editor faire un clic droit sur InboundPlug de l’InterfaceView pour ajouter le plug SEARCH :

3. Sauvegarder.

Intégration de Work Area

1. Lancer la transaction SPRO et cliquer sur SAP Reference IMG.2. Naviguer vers Customer Relationship Management > UI Framework > Technical Role Definition > Define Work

Area Component Repository.3. Saisir une nouvelle entrée :

(!) Remplacer TRI par votre trigramme !

4. Sélectionner la ligne créée et double cliquer sur la définition d’Inbound Plug pour ajouter l’entrée suivante :

(!) Remplacer TRI par votre trigramme !

5. Sauvegarder.

Définir un lien logique et une Work Center Page

1. Lancer la transaction CRMC_UI_NBLINKS.2. Double cliquer sur la définition de liens logiques et ajouter la nouvelle entrée suivante :

(!) Remplacer TRI par votre trigramme !

3. Sauvegarder et cliquer sur la définition de Work Center pour ajouter la nouvelle entrée suivante :

(!) Remplacer TRI par votre trigramme !

4. Sauvegarder puis dans Define Profile sélectionner le profil de barre de navigation ZTRI_NAVSPRO. Cliquer sur Assign Work Centers et ajouter la nouvelle entrée ZTRI_MY_VF, position 90.

Vous pouvez tester votre composant. Lorsque vous cliquez sur le lien du résultat de la recherche vous naviguez vers la page d’overview.