Show TOC

Procedure documentationUsing Eventing to Transfer Data between Components Locate this document in the navigation structure

 

Client-side eventing enables you to transfer data between two applications (iViews) on the same portal page, so that the output of the first application serves as the input to the second. Eventing in the portal is based on the use of the Enterprise Portal Client Manager (EPCM), an object defined by the portal client framework to handle functions such as client-side eventing.

Client-side eventing can be used to transfer data at runtime between components in the following cases:

  • Both of the applications were created in Visual Composer, but they are stored in different development components

  • One of the applications was created in Visual Composer and the other application was created using a different technology, such as Web Dynpro or JavaScript. In this case, you will also need to make sure that the data is transferred to the Visual Composer component using the correct XML syntax and format, and know how to read and manipulate the data that is output from the Visual Composer component.

    Note Note

    If you have two nested components (composite views or service components) within a single composite view, you can transfer data between them using Signal In/Out and Data In/Out connectors and defining a data map connecting line between them. Do not use client-side eventing in this case.

    End of the note.

Procedure

  1. Check the properties of the existing component and find out its event name and namespace. You can check the properties as follows:

    • If the component was created in Visual Composer, open it and check the values of the Name and Client event properties in the Configure Signal In/Out task panel.

    • If the component was created in Web Dynpro, open it in the IDE and check the Name and Event property values that were defined for portal eventing.

    • If the component was created using JavaScript, check the values of the eventName and nameSpace parameters defined using the EPCF Event API.

  2. In Storyboard, open the Visual Composer component that is to be part of the eventing scenario and add the required Signal In or Signal Out connector to it.

  3. Select the newly-created signal and in the Configure task panel, enter the client event name in the Name field and the event namespace in the Client event field.

    Note Note

    You can enter any name and namespace, as long as they are identical in both of the components between which you want to define eventing.

    End of the note.

Result

At runtime, client-side eventing can be achieved by using the identically-defined ports.