You can easily create an application and projects in which to organize your application files. Then work in JDeveloper's IDE to create the placeholder data control for your application, and a runnable JSF page.
Create a New Application: Use the Create Application wizard to create a web application based on the application template that includes the ADF Faces, ADF Page Flow, and ADF Business Components technologies.
Create a Placeholder Data Control: Use the Create Placeholder Data Control dialog.
Create Placeholder Data Types: Use the Create Placeholder Data Type dialog to add two new data types to the placeholder data control.
Add Sample Data: Use the Edit Placeholder Data Type to add sample data manually, and by importing a .
Add a List of Values (LOV): Add a fixed list of values in the Configure List of Values dialog.
Create a JSF Page: Create a JSF page and drag and drop UI components from the Data Controls panel.
The JDeveloper application is the highest level in the organizational structure. It stores information about the objects you are working with, while you are creating your application. It keeps track of your projects and the environment settings while you are developing. [ tell me more...]
PlaceholderDCAppto follow along with the example.
Placeholder data controls are simple data controls containing static, sample data. Page designers can quickly create placeholder data controls without any knowledge of the underlying database or business services technology; they can then use these data controls with ADF databinding to build complete, runnable pages. These pages can be passed to a developer who rebinds the pages to a production data control. [ tell me more...]
ProductDataas the name for the data control, and add a description, for example,
Dummy data for product pages. Then click OK.
The application template that you used for your application partitions your application into two projects: Model and ViewController. In the Application Navigator, projects are displayed as the top level in the hierarchy. The Application Navigator should now look like this: [ tell me more...]
A standard data control obtains its data collections and attributes from its underlying data source in the model or business component layer. For example, an application module data control obtains its data collections from the view objects and associated database tables. [ tell me more...]
Categoriesas the name for the data type.
CategoryIdas the name for the first attribute ( Attribute) and select Number as the T ype .
CategoryNameas the name and confirm that String is selected as the T ype . The click OK.
The Data Controls panel lets you view the data controls created to represent an application's business services and to create databound UI components by dragging and dropping the control panel objects onto an open web page or ADF Swing panel. [ tell me more...]
Productsas the name for the data type.
ProductName; Type: String; Label:
ProductDesc; Type: String; Label:
Price; Type: Number ; Label:
List Price:; Format type: Currency.
Supplier; Type: String; Default Component: Choice List; Label:
The Data Controls panel shows your data model: Categories and Products in a master-detail relationship, and the attributes for each data type. The built-in operations are also in the Data Controls panel; you can create UI components based on these operations but they will not do anything to modify your application's data. So for example, you can add a Delete button to your page but it won't delete your sample data. [ tell me more...]
In order to run an application using the placeholder data control, you need to add sample data for execution. You can add sample data to the placeholder data type attributes manually or by importing the data from a .
csv file. [
tell me more...]
Placeholder controls can be loaded with sample data to realistically simulate application execution for design evaluations. When the real data controls are ready, the UI components can be easily rebound to complete the application. For many complex applications, the UI design may actually drive the development of the model, or data source. In this UI-first scenario, having placeholder data controls with sample data is essential to properly model the behavior of the application. In some cases, even if production data controls are available, UI designers may opt to use placeholder data controls because of their flexibility and ease of use.[ tell me more...]
2 Computer Accessories
3 Office Supplies
products.csvfile that you created earlier, then click Open.
Placeholder sample data, whether manually added using the dialog or from an imported .
csv file, is stored in message bundle properties files within the placeholder data control packages. The
ModelBundle.properties file shows a sample data properties file for the
Products data. [
tell me more...]
A placeholder data type attribute can be configured to be a list of values (LOV). An LOV-formatted attribute binds to UI components that display dropdown lists or list picker dialogs. When you are creating a placeholder data type, you can select an option to open a dialog to configure that attribute to be an LOV. If you have only one data source, you can only create a fixed list LOV. To create a dynamic list LOV, there must be more than one placeholder data type available to be the source. [ tell me more...]
You will use the Configure List of Values dialog to configure a placeholder data type attribute as a fixed list, by manually adding list data. You could also configure a dynamic list LOV that gets its value from an attribute in another placeholder data type. [ tell me more...]
Computer Superstore; Value:
Hardware Solutions; Value:
Office Discounters; Value:
As the only change has been to the Supplier attribute in the Products data type, there is no chnage in the data controls as they display in the IDE. [ tell me more...]
The JSF pages you create for your application using ADF Faces can be JSP pages (which have file extension
.jsp) or JSP documents written in XML syntax (which have file extension
tell me more...]
editProducts.jspxand confirm that Create as XML Document (*.jspx) is selected. Under Initial Page Layout and Content, select Quick Start Layout . Then click Bro wse .
The Data Controls panel comprises a hierarchical display of available business objects, methods, and data control operations. [ tell me more...]
After adding the tree and table components in the visual editor, your page should look similar to this: [ tell me more...]
Copyright © 1997, 2009, Oracle. All rights reserved.