Create an ADF Master-Detail table 

In the following section, we are going to create an ADF master detail table. The JSF page contains two elements, employee table, and an employee detail. When a user selects a row in the employee table, the details of the employee will be displayed in the form.

 

Pre-Requisite

JDeveloper 12C

Employee EO/VO objects (Click here for the instruction to create Employee EO and VO objects)

ADF Master-Detail table:

Create a JSF page:

Right click o the WebContent >> Select New >> Select Page >> Input Page name >> Click Ok >> Te JSF page gets created and opened on the JDeveloper

051516_2130_CreatingMas1 Create an ADF Master Detail table

 

 

The JSF page gets created and opened. Now expand the DataControl >> Drag the employeeDC and Drop it on the JSF page

 

051516_2130_CreatingMas2 Create an ADF Master Detail table

 

 

Click the Structure tab >> Right click on the table >> Select Go to properties >> Expand Behavior >> Input Range size to 5 for good visibility

 

051516_2130_CreatingMas3 Create an ADF Master Detail table

 

 

In the Crete Table wizard >> Enable Single Row >> Enable Sorting >> Enable Filtering >> Delete all columns except Id, FirstName, LastName >> Click Ok

 

 

051516_2130_CreatingMas4 Create an ADF Master Detail table

 

The employee table gets created in the JSF Page. Now drag the same EmployeeEOVI from Data Control palette and Drop it on the JSF page below the table component but this time select Form.

 

051516_2130_CreatingMas5 Create an ADF Master Detail table

 

 

In the ADF form wizard >> Enable Row Navigation >> Remove the fields ID, FirstName and LastName >> Click Ok >> Save All

 

 

051516_2130_CreatingMas6 Create an ADF Master Detail table

 

Deploy the Application

 

Right click on the index.jsf page >> Select Run

 

 

051516_2130_CreatingMas7 Create an ADF Master Detail table

 

The application gets deployed on the WebLogic Server and the index.jsf page opens in the browser. Now Select a record in the Employee Table, the form data shows the employee details automatically.That’s all about ADF master detail table. 

 

Note: If it the first time you are running, then the Integrated WebLogic Server configuration wizard popups and ask for configuring.

 

051516_2130_CreatingMas8 Create an ADF Master Detail table

govindan Create an ADF Master Detail table
Connect me

Govind

Thank you for visiting my personal blog. Myself Govindan, Software Developer by profession since 2006 and hence I started this blog early in 2016 and ever since I've been writing about technologies experienced and learnings of everyday life.

The views expressed on this blog are my personal views and do not necessarily reflect the views of my employer.

Please feeling free to reach me on any comments and feedbacks you have. Would be more than glad to listen and reply šŸ™‚
govindan Create an ADF Master Detail table
Connect me
By | 2017-06-11T15:05:23+00:00 May 15th, 2016|Categories: ADF|Tags: , , , |0 Comments
Like us on Facebook.
Connect!