Introduction to Creating a Basic Databound Page

3 Creating a Basic Databound Page 3-1 3 Creating a Basic Databound Page This chapter describes how to use the Data Controls panel to create databound forms using ADF Faces components. This chapter includes the following sections: ■ Section 3.1, Introduction to Creating a Basic Databound Page ■ Section 3.2, Using Attributes to Create Text Fields ■ Section 3.3, Creating a Basic Form ■ Section 3.4, Incorporating Range Navigation into Forms ■ Section 3.5, Creating a Form Using a Method That Takes Parameters ■ Section 3.6, Creating a Form to Edit an Existing Record ■ Section 3.7, Creating an Input Form ■ Section 3.8, Using a Dynamic Form to Determine Data to Display at Runtime ■ Section 3.9, Modifying the UI Components and Bindings on a Form

3.1 Introduction to Creating a Basic Databound Page

You can create UI pages that allow you to display and collect information using data controls created for your business services. For example, using the Data Controls panel, you can drag an attribute for an item, and then choose to display the value either as read-only text or as an input text field with a label. JDeveloper creates all the necessary JSF tag and binding code needed to display and update the associated data. For more information about the Data Controls panel and the declarative binding experience, see Chapter 2, Using ADF Model Data Binding in a Java EE Web Application. Instead of having to drop individual attributes, JDeveloper allows you to drop all attributes for an object at once as a form. The actual UI components that make up the form depend on the type of form dropped. You can create forms that display values, forms that allow users to edit values, and forms that collect values input forms. For example, the Suppliers module contains a page that allows users to view and edit information about a supplier, as shown in Figure 3–1 . This form was created by dragging and dropping the supplierFindAll accessor collection from the Data Controls panel. 3-2 Java EE Developers Guide for Oracle Application Development Framework Figure 3–1 Supplier Details Form in the Suppliers Module Once you create the UI components, you can then drop built-in operations as command UI components that allow you to navigate through the records in a collection or that allow users to operate on the data. For example, you can create a button that allows users to delete data objects displayed in the form. You can also modify the default components to suit your needs.

3.2 Using Attributes to Create Text Fields