Sunday, November 29, 2015

ADF and Oracle JET - Integration Pattern with ADF Regions

In my previous post I have shared basic example for Oracle JET integration into ADF - Oracle JET and ADF Faces Integration in ADF. Today I would like to share a bit more than that - integration pattern with ADF Regions. This approach would allow to use JET functionality within ADF environment and leverage ADF reusability.

Sample application -, implements ADF dashboard UI and includes one tile rendered by Oracle JET. You can watch video with running sample:

ADF tile renders a bar chart implemented by Oracle JET:

Integration pattern is straightforward, especially if you are familiar with ADF concepts. There must be separate ADF region defined to hold ADF fragment, where JET HTML code will be implemented:

JET HTML is included into ADF fragment, there are no additional ADF Faces components here, besides top grouping:

ADF region is reusable and we can reuse the same JET code in different ADF pages. Here is the example of ADF region (with JET HTML inside) usage in the page:

JET JavaScript function is the same as you would use for typical index.html page, nothing special here for ADF:

Read update for this post - Improved JET Rendering in ADF.


Pavan said...

Hi Andrejus,

Thanks for sharing the details of ADF-Oracle JET integration.
I would like to check if an ADF content can be rendered on a JET page. Is there any component in JET that can embed third party UI content (ADF in my case). Can you please provide some pointers.


Andrejus Baranovskis said...

I dont think this is possible. JET is Java Script, ADF Faces is JSF.


Oracle JET said...

ADF can not be included in a JET page. As Andrejus points out, JET is a pure client-side framework. It doesn't have a requirement to run on a server at all. ADF is a server-side framework and needs the pages need to be generated on the server before they are sent to the client.