Show TOC

Procedure documentationDesigning the Component Logic and Flow Locate this document in the navigation structure

 

Once you have imported your data services, you design the component logic by creating the required model elements in the workspace and defining the data flow between them. You perform this procedure on the Design board, with the component open.

For more information, see Designing the Composite View.

Procedure

  1. Define the input(s) to the data service:

    1. From the Input port of the data service, drag out and release the mouse. From the context menu, choose the element that you require (such as Form View or Start Point). When you drag out from a data service to define an input element, the fields of the selected item are automatically mapped to corresponding fields of the data service and the required controls are created for the fields.

    2. The context menus contain only the most common options for the given type of port. To add an element not contained in the context menu, click the Compose button in the task-panel toolbar and drag the required element from the task panel onto the workspace. Then connect it to the relevant port of the data service and map the fields of the element to the corresponding fields of the data service.

  2. Define the output(s) from the data service:

    As in the previous step, you drag out from the relevant output port(s) of the data service and choose the required element from the context menu. Alternatively, you can drag the specific element from the Compose task panel to the Design board and connect it to the data service. For output ports, you can choose from a wide range of different elements, connectors, and operators. For more information about the different elements, see Introducing the Compose Task Panel.

    • If you choose an operator, you need to:

      • Connect the output port of that operator to a UI element, to display the customized results.

      • Define the properties of the operator, by right-clicking it and choosing Define Operator from the context menu. Then define the required parameters in the displayed dialog box.

    • If you choose a connector, you need to:

      • Connect it to the input port of a data service, where applicable.

      • Configure its properties, by right-clicking the connector and choosing Configure from the context menu. Then define the required parameters in the Configure task panel.

  3. Configure the connecting lines between the elements and data services:

    • Configure the line properties and the events that trigger the data flow, by right-clicking the connecting line on the Design board and choosing Configure from the context menu. Modify the required parameters in the Configure task panel.

    • For connections types that use data mapping, check that the data is mapped correctly, by right-clicking the connecting line and choosing Map Data from the context menu. In the Map Data dialog box, modify the fields in the Assigned Value column as required, and click Close.

  4. Continue this procedure until you have created all the model elements, and the logical flow between them for your model.

For a detailed explanation of how to ensure proper data connectivity within the component, using mapping, binding, and data flows, see Connecting Model Elements.

Result

Your model is fully designed on the Design board and you are ready to configure the UI elements and controls.