Adding ADF Faces components to JSF pages

Now, for the magic to happen from the Business Service Layer to the view layer, in order to place the data, you can select the data that you want to insert from the Data Control and drag-and-drop it onto our page and choose the format that this page should have. So let's do that.

What we want is to have a form that has all employees' information inside our page.

How to do it…

Let's see how to add ADF Faces components to JSF pages:

1. Expand HrAppModuleDataControl under Data Controls and drag Employees1 into the white square inside of the employees.jsf page. Remember this is the view object that contains all employees' information, and it's based on the Employees Entity object.

2. Choose ADF Form... when the drag-and-drop dialog appears as shown in the following screenshot:

   

   Now, a new dialog pops up asking you what you want to display in your form.

3. Check the Row Navigation checkbox.

   This will place all navigation buttons such as First, Next, Previous, and Last under...