Displaying the Data - Oracle ADF 11gR2 Development Beginner's Guide - page 148

2. Now go to the af:declarativeBox tag with ID as pt_db1 and add the expression
#{attrs.height} for the topHeight property. This will make sure that the
height property for pageTemplate will map to the topHeight property of the
decorativeBox tag internally. Perform the following in decorativeBox :
1. Observe the page definition file for the template and the changes that are
added to the Databindings.cpx file.
2. Observe the changes that are added to the pagetemplate-metadata.
xml file.
3. Add a new facet named header inside the top facet of the innermost
decorative box. You will have to choose the facet definition from the ADF
component list and after adding the facet you will have <af:facetRef
facetName="header"/> .
Creating the page with the template
Let us see how we create a page with the page template and design the layout for our web
applicaion. Our task involves creaing the employee.jspx and dept.jspx pages and
adding the model layer content to it to display the employee and department informaion.
We will also remove the content of the index.jspx page and will add a layout and some
staic informaion to welcome the user.
Time for action - creating the dept.jspx file
1. Right-click on the Web Content secion of the viewController project. This will
display the New Gallery window.
2. Navigate to the JSF/Facelets secion under the Web Tier secion and select the
Page opion from the items.
3. Provide the name as dept.jspx , and the locaion for the page can be located
in the Directory secion.
4. Select Document Type as the JSP XML file to have the extension .jspx , facelets
will have the extension .jsf .
5. Select WebPageTemplate that we created in the Page Layout secion by selecing
the Page Template opion.