JDev/ADF sample - ADF Faces and Client Side Value with innerHTML

• ADF Faces and Client Side Value with innerHTML. In ADF Faces you can leverage the full power of JavaScript. I will explain how you could assign a value from ADF Faces component to the plain HTML div.

Download - GitHub

JDev/ADF sample - Oracle ADF + Jasper Visualize.js = Awesome

• Oracle ADF + Jasper Visualize.js = Awesome. This week I was working on a task to integrate Jasper Visualize.js into Oracle ADF application JSF page fragment. I must say integration was successful and Jasper report renders very well in Oracle ADF screen with the help of Visualize.js. Great thing about Visualize.js - it renders report in ADF page through client side HTML/JS, there is no iFrame. Report HTML structure is included into HTML generated by ADF, this allows to use CSS to control report size and make it responsive.

Download - GitHub

JDev/ADF sample - Microservice Approach for Web Development - Micro Frontends

• Microservice Approach for Web Development - Micro Frontends. Wondering what micro frontends term means? Check micro frontends description here. Simply speaking, micro frontend must implement business logic from top to bottom (database, middleware and UI) in isolated environment, it should be reusable and pluggable into main application UI shell. There must be no shared variables between micro frontends. Advantage - distributed teams can work on separate micro frontends, this improves large and modular system development. There is runtime advantage too - if one of the frontends stops working, main application should continue to work.

Download - GitHub

JDev/ADF sample - Recipe for JQuery Menu integration into ADF Faces

• Recipe for JQuery Menu integration into ADF Faces. May be you are thinking to add some fresh looking element into your ADF app? I would propose JQuery menu. Advantage of such menu - it is purely client side implementation and it allows user to navigate through items really fast. Besides fast navigation, it looks great too and can be easily customized.

Download - ADFJQueryMenuApp.zip

JDev/ADF sample - ADF Client Side Validation with JavaScript

• ADF Client Side Validation with JavaScript. In my previous post I explained how to use JS client side formatter for ADF Faces input components - ADF Goes Client Side - UI Performance Boost with JavaScript. The same principle can be applied for client side validation. Most likely you are not going to implement complex validation rules on the client side, but for simple checks - it will be perfect. There will be no roundtrip to the server and this will allow to improve user experience.

Download - ADFFormattingApp_v2.zip

JDev/ADF sample - ADF Goes Client Side - UI Performance Boost with JavaScript

• ADF Goes Client Side - UI Performance Boost with JavaScript. If you would like to boost ADF UI performance, you should look into client side validation and formatting options possible to be done in ADF UI. Today I will describe how you can implement client side converter, to format number value on client side, without making request to the server. Same approach could be used to implement client side validators. You can raise error message and it will be assigned to UI field in the same way, just like any standard ADF error message. While this approach is documented long ago in Oracle ADF developer guide - How To Create Client Side Converter, it is not well known and not often used.

Download - ADFFormattingApp.zip

JDev/ADF sample - Oracle JET Router API Example

• Oracle JET Router API Example. One of the examples of JET Router API usage - sign-in/sign-out implementation. After sign-in we need to change menu structure and allow access to application modules, on sign-out menu structure should be changed again. JET Router API allows to manage application navigation and menu structure from JavaScript. Check complete API methods list here - JSDoc: Class: Router.

Download - JETPlaygroundApp

JDev/ADF sample - Oracle JET Composite Component and ADF BC REST

• Oracle JET Composite Component and ADF BC REST. I decided to implement sample app for JET composite component. This is powerful thing, it allows to build pretty much any UIs with HTML - package as components and reuse in the apps. Not only UI - JET composite component gets data as any other standard JET component. This allows to build your own components for forms, tables, various widgets. It allows to simplify code complexity, you could hide frequently used code into JET components and use component with parameters only on the page.

Download - JETSimpleCompositeApp.zip

JDev/ADF sample - Calling Mobile Cloud REST Service from Oracle JET

• Calling Mobile Cloud REST Service from Oracle JET. Let's take a look how we can consume REST service exposed from Mobile Cloud Service (MCS). I will show how you could display data coming from MCS endpoint in Oracle JET. I will be using simple scenario in this post, based on HTTP Basic authentication method offered by MCS. In my next post I plan to review more advanced authentication described in this article - Hybrid Mobile Apps: Using the Mobile Cloud Service JavaScript SDK with Oracle JET.

Download - release_jet_mcs_v1.zip

JDev/ADF sample - Using the Oracle JET QuickStart Template

• Using the Oracle JET QuickStart Template. I will show in the post, how you can create single page applications with multiple modules in Oracle JET. As a starting point, you should use the Oracle JET QuickStart template, read about it here. This template comes with sample structure and you could follow it to split application functionality into different groups.

Download - JETCRUDApp_v10.zip

JDev/ADF sample - Oracle JET Executing Dynamic ADF BC REST URL

• Oracle JET Executing Dynamic ADF BC REST URL. I'm going to explain how to call ADF BC REST service from JET API and how to control parameters passed through to REST URL. Most of the time, REST should return data based on different parameter values, URL is not static. I will be exploring two cases - search functionality, where parameter value is entered by the user and LOV functionality, where current employee key is submitted to fetch colleagues list.

Download - JETCRUDApp_v9.zip

JDev/ADF sample - Oracle JET Handling ADF BC 12.2.1 REST Validation Event

• Oracle JET Handling ADF BC 12.2.1 REST Validation Event. I already had a post about how to handle ADF BC validation messages in Oracle JET - Handling ADF BC 12.2.1 REST Validation in Oracle JET. There is an improvement I would like to share. JET submits data to ADF BC REST and there happens validation. In JET perspective data is correct, however it may fail validation in ADF BC and we need to reset values back to original in JET. Previously I was re-executing entire JET collection, drawback of this approach - current selected row was lost and control was returned to the first page in the table configured with pagination.

Download - JETCRUDApp_v9.zip

JDev/ADF sample - Oracle JET Master-Detail with ADF BC REST

• Oracle JET Master-Detail with ADF BC REST. One of the most typical use cases in enterprise applications - Master-Detail relationship implementation. I have decided to implement it in JET and to share this practical implementation with you. Hopefully it will be useful, when you will be learning and building JET applications.

Download - JETCRUDApp_v8.zip

JDev/ADF sample - Oracle JET Input Search with ADF BC REST

• Oracle JET Input Search with ADF BC REST. LOV is popular component in ADF, it allows to seach for data entry in the list, select it and assign to the attribute. I was researching, how similar concept can be implemented in Oracle JET, based on data from ADF BC REST service. JET Input Search component seems to be useful for LOV like behavior implementation.

Download - JETCRUDApp_v7.zip

JDev/ADF sample - Automatic ADF Logout on Browser Close with WebSocket

• Automatic ADF Logout on Browser Close with WebSocket. Every ADF project could have a requirement to handle browser close event effectively. Differently than desktop applications where we could handle such events, browser doesn't send any event to the server, when browser page is closed. This is especially important for transactional data, when user locks data row and lock must be released automatically, in case if user is closing browser without unlocking. Besides transactional data management, it is important for performance improvement - Web session will be closed instantly and WebLogic resources will be released. There was no reliable solution to handle this, now we can do it with WebLogic 12c and WebSockets. WebLogic 12c supports WebSockets natively, there is no need to configure anything or add libraries.

Download - ADFSessionHandlingWebSocket.zip

JDev/ADF sample - Handling ADF BC 12.2.1 REST Validation in Oracle JET

• Handling ADF BC 12.2.1 REST Validation in Oracle JET. CRUD use case would not be complete without validation logic implementation. Oracle JET allows to implement standard and custom validators on the client. Probably most of the simple to average complexity logic will be implemented in Oracle JET. Complex use cases can be handled in ADF BC validation rules, data will be validated through REST calls. When validation fails in ADF BC, error message is propagated through REST back to Oracle JET client, where we can parse it and attach to the UI field.

Download - JETCRUDApp_v4.zip

JDev/ADF sample - Oracle JET - Rendering Table from ADF BC REST Service

• Oracle JET - Rendering Table from ADF BC REST Service. Oracle JET - new tool for us to build UI applications with JavaScript. Right now there is no out of the box integration with ADF Faces, I heard on OOW there might be some sort of integration available in the future. At the end of the day this is only JavaScript and you can integrate it into existing ADF page by yourself. Probably you would not want this, ADF Faces offers very rich set of functionalities and there is no need in extra components. Unless you would like to use WebSockets in ADF and would like to push data from JavaScript into DVT components - it could be easier to do this with JET, instead of going through ADF Bindings layer.

Download - SimpleJETApp.zip