Add ADF Core Components to the JSF JSP File
Show me
Tell me more
-
In the Applications Navigator, select the JSF JSP file you created
earlier and open it in the visual editor.
-
In the Components Palette, select ADF Faces Core
.
-
Drag and drop an InputText component into
the form component.
Note: You can also drag and drop a component into
the Structure window instead of the visual editor, to ensure the
component is added to the correct node.
-
In the Property Inspector, set the label property of the input text
component to
Enter Name
.
-
In the Structure window, double-click the input text component.
-
In the InputText Properties dialog, click Bind
corresponding to the value property.
-
In the Bind to Data dialog, in Variables
navigation tree, expand JSF Managed Beans and the
node corresponding to the managed bean you created in Step 4, and select
name.
-
Click the
button to create an EL expression using the variable and click
OK.
Tell me more
-
In the InputText Properties dialog, click OK
.
-
Drag and drop a CommandButton component
after the input text component.
-
In the Property Inspector, set the text property of the command button
component to
Submit
.
-
Drag and drop an OutputText component
after the command button component.
-
In the Structure window, double-click the
af:outputText - outputText1 node.
-
In the OutputText Properties dialog, click B
ind.
-
In the Bind to Data dialog, delete the default value and enter the
text
Hello
(followed by a space) in the
Expression text area.
Tell me more about what I see in the IDE
-
In Variables navigation tree,
expand JSF Managed Beans and the
node corresponding to the managed bean you created in Step 4, and select
name.
-
Click the
button to create an EL expression using the variable and click
OK.
-
In the OutputText Properties dialog, click OK
.
-
From the File menu, choose
Save.
Next step
Copyright © 1997, 2006, Oracle. All rights reserved.