In this example, the data of an OData service is displayed in a table by pressing a button.
The connector is configured as follows:
In this example, we will only go in detail on SalesOrderCollection_ReadAll.
Create the UI
Remember, we want to display the data of the Odata service in a table. The data should be loaded by pressing a button.
1. Tick the checkbox besides itemsTemplate.
A dialog opens in which you have to select the connector on the left and then the Collection SalesOrder_Collection.
Since we want to display three values of the OData service, we still need three Columns in the table and a ColumnListItem that contains three Text widgets.
Your screen content should look like this:
Switch to the Process Designer and create the user story for the process logic.
Configure the Process Logic
For the Read connector Call you don’t need an Input Mapping, because you don’t have to pass a value to read all data.
Only the output mapping has to be defined.
Open the Output Mapping and drag the Parameter from the left. Go deeper into Output – SalesOrderCollection.
Select the fields you need. For example, select BuyerId, GrossAmount and CurrencyCode by clicking on the plus.
After you have added the fields, click Ok.
Now you have to define the widgets (drag it from the right) in which the selected parameters should be mapped.
Go deeper into items.
Now go deeper into the items of the Table – ColumnListItem.
You will now see the three Text widgets as cells of the list item. For each Text you have to select String text as property. It then appears on the right under Selected Properties.
When you’ve done this for all three of them, click Ok.
Now map the parameters into the table. The Output Mapping should look like this:
Connect the two shapes with each other:
After successful deployment the data will be read and displayed by clicking the button.