Creating a Salesorder iView 

Purpose

In this example, you build an iView in which the user can input a customer number and sales organization number in order to display a table – sorted by document number – of all orders placed by that customer. From the displayed list, the user can then select a document and subsequently display the order details – Material, Currency, Net Price, Reference Quantity and relative Order Size – in a second table.

Prerequisites

·        You have access to the IDES system from the connected portal.

·        You have been mapped to a user of the ERP (R/3) back-end system.

·        The following BAPIs are available from the system:

¡        BAPI_SALESORDER_GETLIST

¡        BAPI_SALESORDER_GETSTATUS

Process Flow

You build the iView in three stages:

...

...

       1.      Create the basic flow for generating the tables of orders: Creating the Base Model

       2.      Enhance this model by adding a second data service for displaying the order details: Adding a Second Data Service

       3.      Fine-tune the iView layout, deploy the model and export it: Fine-Tuning

Result

In this incremental example, you learn to perform a number of basic tasks of Visual Composer, including:

·        Create an iView component and add data services.

·        Define an input form and a start point for the first data service.

·        Define a table view for output from the first data service.

·        Add a second data service, and map the data from the output table to it.

·        Define a table view for output from the second data service.

·        Define a dynamic expression in the output table, using the Expressions Editor.

·        Adjust the layout of the views.

·        Define a list of entries for a drop-down list.

·        Preview the iView.

·        Deploy the iView to the portal.