Hello World

In this example, we will create a jspx page and add a text box, command button and a label. When user enters his name in the text box and clicks on the command button, label will show the Hello <user> as output.

I am assuming that we have already created a project.

1) Create a jspx page.

Make sure that you generate the backing bean for the page.

You will notice that a backing bean is generated along with the jspx page under the Application Sources folder under your project. Backing bean are JavaBeans used mainly to provide UI logic for handling events and page flow.

2) Add a PanelPage to the created jspx page. 3) Insert a panelForm inside the panelPage. 4) After adding panelPage, add a labeled text box inside the panelForm and

command button to the footer of the PanelFrom .5) Also add the output label widget from ADF Face code from component palette to

the panelForm.

6) Double click on the command button to bind the Command Button to the backing bean generated.

You will notice that method with name commandButton1_action() is generated inside the backing bean class.

7) Add the following code inside the commandButton1_action() method :-

public String commandButton1_action() { CoreInputText a=getInputText1(); String s1=a.getValue().toString(); String s= " Hello " + s1; outputLabel1.setValue(s); return null; }

Here InputText1 refers to the instance of the input text box object created above. And outputLabel1 refers to the instance of the output label created above.

8) Run your jspx page.