Creating a Salesorder iView 
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.
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
You build the iView in three stages:
Create the basic flow for generating the tables of orders: Creating the Base Model
Enhance this model by adding a second data service for displaying the order details: Adding a Second Data Service
Fine-tune the iView layout, deploy the model and export it: Fine-Tuning
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.