![Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie JSF Component Behaviors
Ähnlich wie JSF Component Behaviors (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
JSF Component Behaviors
- 1. JSF Component Behaviors Andy Schwartz | Oracle Corporation
- 9. Sample: New Components? <h:commandButton value=“Not Ajax”/> <a:commandButton value=“Ajax!”/>
- 12. Sample: New Attributes? <h:commandButton ajax=“true”/>
- 17. Ajax Attached Object? <!-- We already do this…--> <h:inputText> <f:convertNumber/> </h:inputText> <!-- Why not this? --> <h:commandButton> <f:ajax/> </h:commandButton>
- 26. Say Hello // Some people *always* start with “Hello, World!” public String getScript(ClientBehaviorContext c) { return “alert(‘Hello, World!’)”; }
- 27. Ajax // Slightly more interesting public String getScript(ClientBehaviorContext c) { return “jsf.ajax.request(this, event)”; }
- 32. ClientBehaviorHolder Contract void addClientBehavior( String eventName, ClientBehavior behavior)
- 34. ClientBehaviorHolder Contract Collection<String> getEventNames();
- 35. Usage <h:commandButton> <f:ajax event=“focus”/> </h:commandButton> <h:inputText> <f:ajax event=“keypress”/> </h:inputText> <h:panelGroup> <foo:showHoverContent event=“mouseover”/> </h:panelGroup>
- 37. Logical Events <!-- "click" event doesn't work if we want to target command components exclusively. --> <f:ajax event="click"> <h:panelGroup> <h:commandButton/> <h:inputText/> <h:commandButton/> </h:panelGroup> </f:ajax>
- 38. Logical Events <!-- Use logical "action" event instead. --> <f:ajax event="action"> <h:panelGroup> <h:commandButton/> <h:inputText/> <h:commandButton/> </h:panelGroup> </f:ajax>
- 40. ClientBehaviorHolder Contract String getDefaultEventName();
- 41. Default Event Usage <h:commandButton> <!-- Default event: action --> <f:ajax/> </h:commandButton> <h:inputText> <!-- Default event: value change --> <f:ajax/> </h:inputText> <h:panelGroup> <!-- No default event defined: Boom! --> <f:ajax/> </h:panelGroup>
- 42. More Event Fun: Chaining <h:commandButton> <foo:confirm/> <f:ajax/> </h:commandButton>
- 43. More Event Fun: Multiple Events <h:commandButton> <f:ajax/> <foo:showHoverContent event=“mouseover”/> <foo:hideHoverContent event=“mouseout”/> </h:commandButton>
- 48. ConfirmBehavior public class ConfirmBehavior extends ClientBehaviorBase { @Override public String getScript( ClientBehaviorContext behaviorContext) { return "return confirm('Are you sure?')"; } }
- 50. Register Behavior: Old School <faces-config> <behavior> <behavior-id>jsf2foo.behavior.Confirm</behavior-id> <behavior-class> org.jsf2foo.behavior.confirm.ConfirmBehavior </behavior-class> </behavior> </faces-config>
- 51. Register Behavior: New School @FacesBehavior("jsf2foo.behavior.Confirm”) public class ConfirmBehavior …
- 53. Jsf2foo.taglib.xml <facelet-taglib> <namespace>http://jsf2foo.org/behavior</namespace> <tag> <tag-name>confirm</tag-name> <behavior> <behavior-id>jsf2foo.behavior.Confirm</behavior-id> </behavior> </tag> </facelet-taglib>
- 55. ConfirmBehavior Usage <html … xmlns:j2f="http://jsf2foo.org/behavior"> … <h:commandButton value="Submit"> <j2f:confirm/> </h:commandButton>
- 56. What Gets Rendered? <input type="submit" value="Submit" onclick="return confirm('Are you sure?')" />
- 62. AjaxBehavior Event Sample <!-- Don't need a special event here --> <h:commandButton actionListener="#{foo.doIt}"> <f:ajax/> </h:commandButton> <!-- But comes in handy here --> <h:panelGroup> <foo:showHoverContent event=“mouseover” listener="#{foo.hover}"/> </h:panelGroup>
- 68. Contract: Suggester public interface Suggester { public Collection<String> suggest(String prefix); }
- 70. Contract: Tag <!-- Attach to standard inputText --> <h:inputText id="search"> <j2f:suggest suggester="#{suggester}"/> </h:inputText> <!-- Attach to Trinidad inputText too --> <tr:inputText id="search"> <j2f:suggest suggester="#{suggester}"/> </tr:inputText>