MONTREAL JUNE 30, JULY 1ST AND 2ND 2012

MONTREAL JUNE 30, JULY 1ST AND 2ND 2012

Dynamic ElementsJohann WernerNUREG GmbH

• What are components

• Different common types

• Dynamic components

Outline

Components

• reusable pieces of representation + functionality

• WebObjects comes with many(e.g. WOBody, WORepetition, WOString, …)

• Wonder adds a whole bunch(e.g. AjaxModalContainer, ERXLocalizedString, …)

Components

Template

Info file

Component API

Code

Binding declarations

Standard Component

• subclass of WOComponent

• automatic push/pull of binding values

• preserves state

Standard Component

[…]<wo:MyString value="Hello World" />[…]

public class MyString extends WOComponent { public String value;

public MyString(WOContext context) { super(context); }}

<wo:str value="$value" />

TemplateCodeParent

Non-Synchronizing Component

• manual push/pull of binding values

➡ less overhead

• preserves state

Non-Synchronizing Component

[…]<wo:MyString value="Hello World" />[…]

public class MyString extends WOComponent { public MyString(WOContext context) { super(context); }

@Override public boolean synchronizesVariablesWithBindings() { return false; }

public String value() { return (String) valueForBinding("value"); }}

<wo:str value="$value" />

TemplateCodeParent

Non-Synchronizing Component

[…]<wo:MyString value="Hello World" />[…]

public class MyString extends WOComponent { public MyString(WOContext context) { super(context); }

@Override public boolean synchronizesVariablesWithBindings() { return false; }}

<wo:str value="$^value" />

TemplateCodeParent

Stateless Component

• manual push/pull of binding values

➡ less overhead

• no state

• single shared instance*

➡ less memory, fewer Java object-creations

Stateless Component

[…]<wo:MyString value="Hello World" />[…]

public class MyString extends WOComponent { public MyString(WOContext context) { super(context); }

@Override public boolean isStateless() { return true; }}

<wo:str value="$^value" />

TemplateCodeParent

Stateless Component

[…]<wo:MyString value="Hello World" />[…]

public class MyString extends WOComponent { private Object myVar; public MyString(WOContext context) { super(context); }

@Override public boolean isStateless() { return false; } @Override public void reset() { super.reset(); myVar = null; }}

<wo:str value="$^value" />

TemplateCodeParent

Dynamic Component

• subclass of WODynamicElement

• no template

➡ less memory, faster

• direct access to bindings (WOAssociation)

• direct access to children elements

• must be thread-safe!

Dynamic Component

[…]<wo:MyString value="Hello World" />[…]

public class MyString extends WODynamicElement { private WOAssociation value;

public MyString(String name, NSDictionary<String, WOAssociation> associations, WOElement template) { super(name, associations, template); value = associations.get("value"); }

@Override public void appendToResponse(WOResponse response, WOContext context) { WOComponent component = context.component(); response.appendContentString((String) value.valueInComponent(component)); }}

CodeParent

Demo

Demo Results

• The more specialized component class the faster it is

• Stateless and dynamic components create less Java objects

Standard components

• for pages, big blocks

Non Synchronizing components

• smaller components that are used often

• binding has

• different name as the variable to hold it

• no variable counterpart

When should I use…

Stateless components

• no state necessary

• memory optimization

Dynamic components

• no state necessary

• complex output generation

• access to child elements

When should I use…

Component Class Tree

Object

WOElement

WODynamicElement WOHTMLBareString WOComponent

AjaxComponent D2WComponent

D2WStateless-Component

ERXComponent

ERXNonSynchronizing-Component

ERXStateless-Component

JSComponent

AjaxDynamicElement WOHTMLDynamic-Element

WODynamicGroup

WOHTMLURLValued-Element WOInput

Component Class Tree

Object

WOElement

WODynamicElement WOHTMLBareString WOComponent

AjaxComponent D2WComponent

D2WStateless-Component

ERXComponent

ERXNonSynchronizing-Component

ERXStateless-Component

JSComponent

AjaxDynamicElement WOHTMLDynamic-Element

WODynamicGroup

WOHTMLURLValued-Element WOInput

Object

WOElement

WODynamicElement WOHTMLBareString WOComponent

AjaxComponent D2WComponent

D2WStateless-Component

ERXComponent

ERXNonSynchronizing-Component

ERXStateless-Component

JSComponent

AjaxDynamicElement WOHTMLDynamic-Element

WODynamicGroup

WOHTMLURLValued-Element WOInput

Component Class Tree

ERXLoremIpsum,ERXWOSwitch, …

AjaxHighlight,ERXWORepetition, …

AjaxHyperlink,AjaxSubmitButton, …

AjaxFunctionLink,ERXJavaScript, …

WOBody,WOFrame, …

ERXSubmitButton,WOCheckBox, …

Component Class Tree

Object

WOElement

WODynamicElement WOHTMLBareString WOComponent

AjaxComponent D2WComponent

D2WStateless-Component

ERXComponent

ERXNonSynchronizing-Component

ERXStateless-Component

JSComponent

ERXDynamicElement WOHTMLDynamic-Element

WODynamicGroup

WOHTMLURLValued-Element WOInputAjaxDynamicElement

Dynamic Base Classes

• ERXDynamicElement in ERXExtensions

• AjaxDynamicElement in Ajax

DEMO

Creating Dynamic Element

• extend ERXDynamicElement / AjaxDynamicElement

• appendToResponse

• response.appendContentString(…)

• appendTagAttributeToResponse(response, name, value)

• appendChildrenToResponse(response, context)

Creating Dynamic Element

• xxxValueForBinding(name, [default,] component)

• ContextData

• beforeProcessing(context)

• afterProcessing(context)

Q&A

MONTREAL JUNE 30, JULY 1ST AND 2ND 2012

MONTREAL JUNE 30, JULY 1ST AND 2ND 2012