Oracle ADF : Dynamic Regions

A good web design should consider the following aspects

  • Page boot-up/ load speed
  • Visually attractive appeal
  • Quicker navigation

The first two aspects largely deal with the amount of  picturesque content, styling & UI approach taken.

 In this post, I am going to deal with "In-Page" Navigation.

 The above approach helps to keep the end user engaged still being on the same page.

 So, the question here is, how to achieve it?

 Oracle ADF provides Regions & Dynamic regions to achieve this. A region is a section of the page that renders, so if we are ought to achieve dynamic updation of region, we need to implement Dynamic Regions - an ADF region where the task flow binding dynamically determines the value of its taskFlowId attribute at runtime.

 Hope you got the theory, let's check it out...
  1. Create an adf application (For the demo sake, I have developed based on static content, not related to any data bound components).
  2. Considering the work space structure as below, I have a main page - "Home.jspx", where the dynamic navigation/switching happens, basically I will have a template, where in the left side has links that dynamically changes  the region to it's right.
     
  3. To get a clearer picture have a look at the page structure, as you notice that the second facet of the main panelsplitter, I have a dropped the taskflow "t1" containing page fragment "pageFrament_1" as dynamic region which invokes a popup asking to create a bean.
  4. Now that's in place drop the same taskflow again as a dynamic region link ( it creates a command link with action property) on the left side & similarly the taskflow "t2" containing the page fragment "pageFragment_2" as secondary link as depicted above.
  5. Rename the labels for your readability.
  6. If you would  notice the bean, the bindings are created and ready to respond to the action caused by the invocation of links.
  7. Run the page to check the behavior.
  8. Voila, it's that simple and straight, isn't it? !!!



Comments

Post a Comment

Popular posts from this blog

Oracle ADF: Add a Favicon to Page, Page Template

Image
A favicon, also known as a web site icon, tab icon or bookmark icon, most commonly 16×16 pixels, associated with a particular Web site or Web page. Resources used -           Jdeveloper IDE   (11.1.2.3.0) -           Internet Explorer 10 (10.0.9200.16384) So, how to implement this in Oracle ADF? It’s simple, take a breath there! Ø   Create an ADF Application Ø   Place the favicon image (e.g. used in POC – flower_blue.ico) in the Web Content Root location as depicted in the image below. (FaviconViewController\public_html). For supported image file formats check http://en.wikipedia.org/wiki/Favicon#File_format_support Ø   Set “ smallIconSource ” value equal to “ /flower_blue.ico   ” under Appearance of af:document tag.     Image - 1 Ø   Set the Java EE Application web context root to “ / ” as...
Read more

Oracle ADF : Working with Parameters

Image
Parameters accept and store values and can be very helpful in ADF applications. There are many types of parameters as visualized below. To demonstrate the above scenario let’s develop a ADF application, Scenario: Lets have 3 buttons on a page & on press of each button renders different page fragments by passing the parameters as depicted in above pic. Ø   Create a JSPX page – “Index.jspx” with no bindings, add 3 buttons with action listeners respectively with each action listener having a unique value, say first button has the following value   #{‘a’} stored to #{requestScope.ClickRec}, i.e this translates to ClickRec of requestScope variable storing a value – ‘a’ on clicking first button in laymen’s terms. Ø   As the components on page is not bound to any data controls, no data bindings is created dynamically, so update this by right clicking on the page & create Page Definition and accept the defaults. Ø   Naviga...
Read more