Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

Handling Dynamic data

Avatar

Level 10

What is the best practice for the below scenario.

Scenario : Search for Flights, Hotels for a given dates and display the result on the next page with the details of each flight or hotels. Result list are got from the response of a webservice.

What is the best or optimized way to design the template (content.jsp) for the result list page to show the hotels or flights

1 Accepted Solution

Avatar

Correct answer by
Level 10

See this article  - it will give you an idea of how to work with Dynamic Data/UIs in CQ. It calls an OSGi service that invokes a web service. The result data is dynamically displayed in this AEM UI:

[img]JSONWriter.png[/img]

Notice the drop-down. The web site visitor selects the drop-down that represents USA ZIP codes. THen the service invokes the AEM SERVICE that talks to a 3rd party SOAP Stack (web service). The service returns the data and the JSP populates the UI. It will really get you familiar with working with dynamic data and CQ front ends:

http://helpx.adobe.com/experience-manager/using/using-jsonwriter-objects-display-cq.html

View solution in original post

3 Replies

Avatar

Level 10

Write a service that gets the data (different ways depending how the data is served) and then write the data to a front end component.  There are many rich User Interface controls that display data nice. Depending on the control, you may have to encode the data as JSON. You can develop a CQ component that an author can drag from the side rail onto a page too.

Avatar

Level 10

So front end component here will just be a jsp/html right ?

Avatar

Correct answer by
Level 10

See this article  - it will give you an idea of how to work with Dynamic Data/UIs in CQ. It calls an OSGi service that invokes a web service. The result data is dynamically displayed in this AEM UI:

[img]JSONWriter.png[/img]

Notice the drop-down. The web site visitor selects the drop-down that represents USA ZIP codes. THen the service invokes the AEM SERVICE that talks to a 3rd party SOAP Stack (web service). The service returns the data and the JSP populates the UI. It will really get you familiar with working with dynamic data and CQ front ends:

http://helpx.adobe.com/experience-manager/using/using-jsonwriter-objects-display-cq.html