Providing the Value Help

If your Eclipse is not open, open it.

Navigate to the package ZTRAIN_## from the favorite packages of your ABAP project.

1. Select the small triangle on the left of your ABAP project, enter your password to the SAP system when prompted, and then choose OK.

2. Expand the Favorite Packages folder by selecting the small triangle. Find your package ZTRAIN_##.

Create a blank CDS view using the following information:

1. Right-click your package, and from the context menu, choose New → Other ABAP Repository Object.

2. In the ABAP Repository Object step, enter data into the search field. Choose Data Definition under the Core Data Services folder, and then choose Next.

3. In the Data Definition step, complete the Nameand Descriptionfields according to the task description, then choose Next.

4. In the Selection of Transport Request step, select the Choose from requests in which I am involved button. Select an available transport request from the table with the owner TRAIN-## and choose Next.

5. In the Templatesstep, deselect the Use the selected template option, and choose Finish.

6. A blank CDS view has been created.

Copy the source code of the text file "N:\UX403\Templates\UX403_Exercise08_Template.txt" into the code editor of the CDS view. Then save your changes and activate your CDS view.

Note

You must replace all instances of ## in the source code before you activate it. There are two ## in the source code. The first is after @AbapCatalog.sqlViewName and the second is after define view.

1. Open the File Explorer.

2. Double-click Application (N:).

3. Double-click UX403.

4. Double-click Templates.

5. To open the template file, double-click the file mentioned in the task description.

6. Select all the content of the text file and, on your keyboard, press Ctrl + C to copy the content to the clipboard.

7. Switch back to ADT in your blank CDS view, and on your keyboard, press Ctrl + V to paste the content.

8. Replace all instances of ## in the CDS view with your group number.

9. Save your changes and activate your CDS view.

Add an @OData.publish: true annotation to your CDS view ZCDS_UX403_FILT_## and reactivate it.

1. Add the annotation @OData.publish: true after @UI.headerInfo.typeNamePlural: 'Sales Orders'.

2. Your implementation should look like the following figure:

   

3. Save your changes and activate your CDS view.

Publish your new OData service on the S4D SAP system.

1. Open the SAP Logon from the taskbar.

2. Log on to the SAP system S4D with your user credentials.

3. Enter /N/IWFND/MAINT_SERVICE in the input field on the top left of the window, and then press Enter.

4. Choose the Add Service icon in the application toolbar.

5. In the Add Selected Service window, select LOCAL as the System Alias, enter your CDS view name ZCDS_UX403_FILT_##_CDS for Technical Service Name, then choose Get Services.

6. Choose the line of service in the search result table, and choose the Add Selected Services icon. In the Add Service popup window, enter your package ZTRAIN_## in the Package Assignment field, and choose Continue (green checkmark).

7. In the popup windows that follow, ensure that your workbench request is selected and choose Continue(green checkmark).

8. A popup window with successful information appears, choose Continue (green checkmark) to finish the publish process.

Open the SAP Business Application Studio.

1. Perform this step as shown in a previous exercise.

Create an SAP Fiori elements project using the following information:

1. Choose File → New Project from Template in the SAP Business Application Studio.

2. Choose SAP Fiori application and choose Start.

3. Choose SAP Fiori as Template Type and choose List Report Page as floorplan. Then choose Next.

4. Choose Connect to an SAP System at Data source.

5. Choose S4D_100 for System.

6. Enter FILT_##_CDS into the input field of Serviceand select your service ZCDS_UX403_FILT_##_CDS. Choose Next.

7. In the Entity Selection screen, select ZCDS_UX403_FILT_## for Main entity. Choose Next.

8. In the Project Attributes screen use searchfilter.student## for Module name, use UX403 Searching and Filtering for Application title and use UX403 Searching and Filtering. as Description. Make sure that your previous folder is not selected in the Project Folder Path. Select the Project folder. It should look like this /home/user/projects/. Choose Finish.

9. The dependencies will be installed. Wait until you can see the notification. The project has been generated.

10. Open the Workspace with your new Project. Choose File and select Open Workspaceand choose your new Project.

Test the application.

1. Select Run in your menu and select Start Debugging. Alternatively, press F5 on your keyboard.

2. If you have your popups allowed a new window with the running application will open.

3. In the opened application, choose the Go button to display the sales orders in the list report.

Switch to ADT and enable the search function for the CDS view.

1. Add a @Search.searchable: true annotation for you CDS view before define view….

Set the fields CustomerName and CustomerEmailAddress as default search elements. Then reactivate your CDS view.

1. Add a @Search.defaultSearchElement: true annotation for the CustomerNameand CustomerEmailAddressfields.

2. Your implementation should look like the following figure:

   

3. Save your changes and reactivate your CDS view.

Test the application. Search the report using the keyword *sap* and examine the search result.

1. Enter the keyword *sap* into the search field, and press Enter. Examine the search result.

Switch to ADT and create the selection fields as follows:

1. Add a @UI.selectionField annotation to the CustomerIDand CreationDatefields with the listed positions.

2. Save your changes and activate your CDS view.

Open the CDS view C_UX403CustomerVH and examine its code. This CDS view will be used as value help for the CustomerID field.

1. Open the ABAP Development Object dialog in the ADT toolbar.

2. Enter C_UX403CustomerVH in the search field, select the search result and choose OK.

3. Examine the code of this CDS view.

4. To preview its data, press F8 on your keyboard or choose the Runbutton, and in the dialog, choose ABAP Application.

5. Close all tabs in ADT except the CDS view for this exercise.

Back in your CDS View ZCDS_UX403_FILT_##, define an association from your CDS view to the CDS view C_UX403CustomerVH, and then expose it.

1. Define the following association in your CDS view: association [1] to C_UX403CustomerVH as _CustomerVH on $projection.CustomerID = _CustomerVH.CustomerID

2. Expose the association by writing the association name _CustomerVH in the projection list ( between { and }) as the last item.

Set the value help for the CustomerID field and let it query data from the association that you defined.

1. Add a @Consumption.valueHelp annotation for the CustomerID field.

2. Your implementation should look like the following figure:

   

3. Save your changes and activate your CDS view.

Test the application. Especially test the selection fields and the corresponding value helps.

1. If you open your application, two selection fields appear on your screen:

   

2. Choose the two windows icon on the right side of the Business Partner ID field and a value help dialog appears.

3. Choose Go and examine the result.

4. To select some customers, select the checkbox before their names, and choose OK.

   

5. Some filter values appear in the selection field. Choose Go to run your report again.

   

6. Choose the two windows icon on the right side of the CreationDate field and note that a Date Picker is used for the input of the Date value.

7. Close your Google Chrome browser and ADT.