Oracle JHeadstart Developer's Guide - Downloads - Oracle

6.13.4. Creating a Button that Calls the Method With Percentage From Input Field
Before we generate the button and the percentage input field into the page, we drag-anddrop
it using the JDeveloper Visual Editor, including the relevant ADF Bindings. That
way we can see what it is we need to generate.
Before making any customizations, ensure that the names of the used generator
templates are included in the sources, as explained in the section Finding Out Which
Generator Templates Are Used.
• Go to the page where you want to add the button and input field (for example
Employees.jspx) in Design mode.
• Go to the Data Control Palette, and find the new increaseSalary method of the
Application Module.
• Drag-and-drop the increaseSalary method just below the Employee fields.
• Choose Create – Parameters – ADF Parameter Form. A Form Fields Editor dialog
opens. Don't close it yet.
We only want a Form Field for the percentage, as we will pass the current Employee Id
to the increaseSalary method behind the scenes.
• By default the empId row is highlighted, so you can click the Delete button right
away.
• Click OK on the Form Fields Editor.
This creates a form with an input field and a button 'increaseSalary' in the page. In the
Page Definition of the page it creates a variableIterator with a variable
'increaseSalary_percentage', an attribute binding 'percentage', and a method binding
'increaseSalary'.
Now we still have to pass the Employee Id to the method call.
• Go to the Page Definition of the Employees page.
• In the Structure pane, open the bindings node and find the increaseSalary
binding. Open that node too, and select the empId parameter.
• Go to the properties of this parameter, and find the NDValue property. Click the
Button with three dots (Edit), and choose ADF Bindings – bindings –
EmployeesEmployeeId - inputValue. Click the button with the right arrow (>)
and the expression ${bindings.EmployeesEmployeeId.inputValue} will
appear. Click OK and Save.
If you run the page, fill in a percentage, and click the button, you can see a higher value
in the Salary field. If you like you can improve the layout by replacing the panelForm by
a panelLabelAndMessage (which means that you have to set simple="true" on the
inputText component).
JHeadstart Developer’s Guide Generating User Interface Widgets 6- 41