Creating a UI First Design

This article explains creating a UI first design for enterprise applications.

Usecase Description

The use case deals with developing a UI first design. Sometimes, it might be required to develop UI, and data might not be readily available to test the application. ADF provides a facility called placeholder data controls, that act as place holders for any type of data control that one might want to use. Place holder data controls contain sample data entered directly, or uploaded via a csf file. The binding can then be altered to rebind any other data control that one might choose to create.

This usecase will include steps to create placeholder data controls, create lovs, create a master child relationship all using a UI first design approach with manually entered sample data. It will also show rebinding datacontrols (in this case ADFBC).

Steps:

1. Create a Fusion Web application.

2. Create a placeholder Data Control from File -> New Gallery -> Business Tier -> Data Controls -> Place Holder Data Control.

fIRST.JPG



3. Select Placeholder in Data controls,right click & create place holder data type with 2 attributes of number and String datatypes

Thumbnail image for Thumbnail image for createp.JPG



phdtc.JPG



4. Enter sample data for both.

samp.JPG



5. Click OK to create the Place holder data type.

6. Create another Place holder data type with 2 attributes of Number and String data type.

7. Choose the String attribute and select Use LOV Binding Checkbox

LOVcreate.JPG



8. In the ensuing dialog, select the String attribute as list data type, and shuttle the display items to the right and click OK.

9.Click OK on the Create Place Holder Data Type Dialog.

10. In the View controller, create a jspx page, and drag and drop the PHDC as an ADF Form.

11. Create another ADF Model project with ADFBC components based on Dept Table.

12. Open the jspx page, and click on the String field and choose Bind to Data control.

rebind.JPG


13. Choose Dname from under DeptView1

rebind2.JPG


14. Run the page to see the rebinded Data control.

runpage.JPG


Comments:

Post a Comment:
  • HTML Syntax: NOT allowed
About

Tips and Tricks from Oracle's JDeveloper & ADF QA

Search

Archives
« April 2014
SunMonTueWedThuFriSat
  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
   
       
Today