18 Invaluable Lessons About ADF-JSF Interaction

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

<Insert Picture Here>

18 Invaluable Lessons About ADF Faces Page
Lifecycle
Steven Davelaar
twitter:@stevendavelaar
blogs:...

Agenda
• Worls’s most comprehensive Hello World Demo

Just Say Hello – JSF Lifecycle Initial
1. Restore View

UI Component Tree
RichPanelHeader
RichPanelGroupLayout
RichPanelFo...

JSF Lifecycle - Postback
1. Restore View
2. Apply Request Values

richInputText.setSubmittedValue(“Steven”)
richInputDate....

JSF Lifecycle - Postback
1. Restore View
2. Apply Request Values
3. Process Validations

• Validate and convert (if needed...

JSF Lifecycle Postback
1. Restore View
value=“#{viewScope.HelloBean.name}
value=“#{viewScope.HelloBean.date}
2. Apply

Req...

JSF Lifecycle Postback
1. Restore View
2. Apply Request Values
actionListener=“#{viewScope.helloBean.sayHello}

3. Process...

JSF Lifecycle - Postback
1. Restore View
2. Apply Request Values
3. Process Validations
4. Update Model
5. Invoke Applicat...

Current Lifecycle Phase in JDeveloper
while Debugging

Just Say Hello – Reset Values

• Clicking the Reset button should not fire validation,
and should clear the Name and Date ...

JSF Lifecycle – Postback Immediate
•

Lesson 1: An immediate command executes the
action and actionListener in phase 2. Ap...

JSF Lifecycle – Postback Immediate
1. Restore View
2. Apply Request Values

• richInputText.setSubmittedValue(“Steven”)
• ...

JSF Lifecycle – Postback Immediate
1. Restore View
2. Apply Request Values
6. Render Response

•
•
•
•

We clicked the Res...

JSF Lifecycle – Postback Immediate
• Lesson 2: When executing an immediate command, the
UI components do NOT re-evaluate t...

Using af:resetActionListener
• Easiest option, no Java method needed
• Automatically added when dragging and dropping a
Ro...

Using ResetUtils.reset(UIComponent
startComponent)
• Reset method takes one
parameter: the start UI
Component to reset

• ...

Agenda
• Worls’s most comprehensive Hello World Demo

Say Hello Suggestions
• Suggest the type of greeting based on a person’s
name

Say Hello Suggestions – Will this work?

Not really ..

Say Hello Suggestions – Will
immediate=true work?

• No, model is no longer updated, getName() will return
null (or old mo...

Say Hello Suggestions – Challenges
• We need immediate=true to prevent premature
validation of greeting field and date fie...

Say Hello Suggestions – Use Binding
Property to Refresh Greeting Field

Say Hello Suggestions – Greeting Field
Refreshed

• At least the suggested greeting is displayed now,
although it is still...

Side Step – More About Component
Binding
• The getter/setter methods generated by JDeveloper
when using binding property a...

Side Step – Correct Code for
Component Binding Methods

Side Step – More About Component
Binding
• Component binding is often overly used
• Use UIManager pattern from Duncan Mill...

Say Hello Suggestions – Challenges
• We need immediate=true to prevent premature
validation of greeting field and date fie...

Say Hello Suggestions – Using a
ValueChangeListener

• ValueChangeListener fires in phase 3. Process
Validations
• That ph...

Say Hello Suggestions – Using a
ValueChangeListener

• Lesson 6: When immediate=“true” on an Editable UI
Component
• Compo...

Say Hello Suggestions – Using
immediate on editable component
• If we enter all fields except name, then Reset button
no l...

Say Hello Suggestions – Using
Immediate on Editable Component
• This makes setting immediate=“true on an editable UI
compo...

Say Hello Suggestions – Back to the
Challenges
• We need immediate=true to prevent premature
validation of greeting field ...

Say Hello Suggestions – Use
Component Binding to Get Name Value

• YES, this works, and the reset button still works too!
...

Say Hello Suggestions – Use
Component Binding to Get Name Value
• We are using the raw, possibly invalid value by calling
...

Say Hello Suggestions – Use
Component Binding to Get Name Value
• Lesson 8: You can programmatically execute JSF
lifecycle...

Say Hello Suggestions – Optimizing
Using Partial Page Rendering (PPR)
• When clicking the suggest button, only the greetin...

Agenda
• Worls’s most comprehensive Hello World Demo

Sub Forms of Hello Saying
• It was quite a challenge to get this greeting
suggestion implemented
• Is there really no easi...

Sub Forms of Hello Saying – Try 1

Sub Forms of Hello Saying – Try 1

Sub Forms of Hello Saying –Try 1
Findings
• Lesson 9: Items not in any sub-form are still
processed in lifecycle when subm...

Sub Forms of Hello Saying – Try 2

Sub Forms of Hello Saying – Try 2
Findings

•
•
•
•

Suggest button now works with empty date!
Layout cleaned up!
Pressing...

Sub Forms of Hello Saying – Try 2
Findings

• Let’s try to move greeting field to other subform

Sub Forms of Hello Saying – Try 3

Sub Forms of Hello Saying – Try 3
Findings

• No validation error on greeting field!
• But greeting no longer shown
• Less...

Sub Forms of Say Hello - Conclusion

• Sub forms can be used in corner cases to avoid
premature validation
• Sub forms mos...

Agenda
• Worls’s most comprehensive Hello World Demo

Auto-Suggested Hello Saying
• Auto-suggest the type of greeting when tabbing out
the name field

Auto-Suggested Hello Saying – Will
this work?

• Will field validations fire prematurely?
• Will greeting field be refresh...

Auto-Suggested Hello Saying – ADFoptimized lifecycle
• Using autoSubmit = true on an editable UI
Component kicks of the AD...

Auto-Suggested Hello Saying –
Refreshing Greeting Field

• Greeting field now processed as well -> validation
error when n...

Auto-Suggested Hello Saying – Making
Greeting Optional
• Making greeting optional seems to work
• But it doesn’t work alwa...

What happens when greeting is cleared
1. Restore View
2. Apply Request Values
3. Process Validations

• Calls valueChangeL...

What happens when greeting is cleared
1. Restore View
2. Apply Request Values
3. Process Validations
4. Update Model

• Ca...

How to prevent suggested greeting is
overridden again
• The JSF Model Update phase only updates
underlying model value whe...

Auto-Suggested Hello Saying –
Refreshing Greeting Field In Code

Auto-Suggested Hello Saying –
Lessons Learned
12. Auto-submitted fields use ADF optimized lifecycle
preventing premature v...

New in JDeveloper 12c: the af:target
tag!
• Provides a declarative way to allow a component to
specify the list of targets...

JSF Lifecycle – Postback Immediate
1. Restore View
2. Apply Request Values
6. Render Response

•
•
•
•

We clicked the Res...

JSF Lifecycle – Postback Immediate
• Lesson 2: When executing an immediate command, the
UI components do NOT re-evaluate t...

Implementing Reset/Cancel
Functionality using af:target tag!

• No need to set immediate=true on the button
• No issues wi...

Say Hello Suggestions
• Suggest the type of greeting based on a person’s
name

Say Hello Suggestions – Challenges
• We need(ed) immediate=true to prevent premature
validation of greeting field and date...

Suggest Greeting Using af:target tag

Auto-Suggested Hello Saying
• Auto-suggest the type of greeting when tabbing out
the name field

Auto-Suggest Greeting Using af:target
tag

The af:target tag is your friend!
• Lesson 16: When using JDeveloper 12c, use the
af:target tag to easily define which com...

Agenda
• A bit more on the ADF optimized lifecycle

ADF Optimized Lifecycle
• ADF Faces sets boundaries on the page that allow
the JSF lifecycle to run just on components wit...

ADF Optimized Lifecycle
• A number of component events always trigger the
optimized lifecycle
• Events on table, treeTable...

Optimized Lifecycle of Employees –
Overflow Right

• When clicking on another row
• Overflow area should be refreshed
• Ch...

Optimized Lifecycle of Employees –
Configuring optimized lifecycle

• When clicking on another row, changes in overflow
ar...

Optimized Lifecycle of Employees –
Adding New Employee

• Clicking the New Employee button should also preserve
changes ma...

Optimized Lifecycle of Employees –
Adding New Employee

• Now, it will NOT work out-of-the-box
• Button inside panelCollec...

Optimized Lifecycle of Employees –
Adding New Employee
• “Obvious” fix is to add button id to partialTriggers
property of ...

Agenda
• Worls’s most comprehensive Hello World Demo

Say Hello with a Song

Say Hello with a Song
• Choose Song checkbox will need autoSubmit = true
• Question 1: Can we use a partialTrigger propert...

Say Hello with a Song
• Choose Song checkbox will need autoSubmit = true
• Question 1: Can we use a partialTrigger propert...

Say Hello with a Song – Try 1

• Will this work?

Say Hello with a Song
• Lesson 18: To show/hide a component, the parent
component should be refreshed
• Answer 1: we need ...

Say Hello with a Song – Correct Code

More Info
• Understanding the JSF and ADF Optimized Lifeycle
• Slides and sample apps downloadable
• http://www.ateam-orac...

Final Recommendation
• Write the lessons down, print them, put them on the
wall, learn them by heart, and rehearse them ev...

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

Programming-best practices( beginne... by Berry Clemens 5149 views
ADF Worst Practices (UKOUG Tech2013) by Wilfred van der D... 8426 views
ADF Anti-Patterns: Dangerous Tutorials by andrejusb 14449 views
ADF User Interface Design Best Prat... by Andreas Koop 6142 views
All the Java ADF beginners need to ... by Markus Eisele 9664 views
Oracle ADF Overview by Bahaa Farouk 7077 views

View on Slideshare

1 of 85 Ad

View on Slideshare

1 of 85 Ad