A SERVICE OF

logo

SAP Online Help 07.09.2004
SAP NetWeaver Visual Composer: User Guide 195
4. Define the input:
a. Drag out from the Idrange port of Customer Getlist, release the mouse, and
choose Add Input Table from the context menu.
b. Double-click the Submit line between the table and the BAPI. In the Fields task
panel at the right, you can see that the four fields of the Idrange input – HIGH,
LOW, OPTION and SIGN – have been mapped automatically between the two
components.
5. Define the output:
a. Drag out from the Address Data output port of Customer Getlist, release and
select Add Table View from the context menu. The Addressdata Table icon is
placed on the workspace; it will display the customer addresses in the iView.
b. In the Fields task panel at the right, select the following fields to be displayed in
the iView: ADDRESS, CITY, COUNTRY, CUSTOMER and NAME.
6. Check the model for errors by clicking Deployer in the Task Panel toolbar and then
clicking Check. If all is well (and it should be!), you will get the following message:
Model is valid! Otherwise, you will receive a list of your errors.
7. Adjust the iView layout by clicking the Layout tab. The general layout of the iView
components is displayed.
a. Click the Designer button in the Task Panel toolbar and make sure that the
Container tab is selected.
b. Select the Addressdata Table view in the workspace.
c. Deselect the Selectable checkbox (towards the bottom of the task panel); this
will make the table appear in the iView without radio buttons on each row.
d. To make the first column (Customer) of Addressdata Table read-only, select the
column and at the bottom of the Controls tab, select the Read Only check box.
e. Rearrange the layout of the columns in Addressdata Table: Select the City
column and drag it to the left, before
Country.
8. Preview the iView by clicking the Preview tab.
9. Compile the code by clicking Deployer again and in the Deployer task panel, clicking
Deploy. The model is compiled and deployed to the portal to which you are connected.
Result
In the Design workspace, the final iView should look something like this: