![What? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Component Framework Primer for JSF Users
Similar to Component Framework Primer for JSF Users (20)
Recently uploaded
Recently uploaded (20)
Component Framework Primer for JSF Users
- 1. Component Framework Primer for JSF Users Andy Schwartz | Oracle Corporation
- 12. Grunge: web.xml <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class> javax.faces.webapp.FacesServlet </servlet-class> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> </servlet-mapping>
- 13. My First JSF Page <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <head><title>My First JSF Page</title></head> <body> <!-- Our first JSF component usage --> Hello, <h:outputText value="World"/>! </body> </html>
- 17. A Simple Binding <h:outputText value="#{sessionScope.user.firstName}"/>
- 20. Managed Bean Registration <faces-config> <managed-bean> <managed-bean-name>user</managed-bean-name> <managed-bean-class>demo.User</managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean> </faces-config>
- 21. Managed Bean Registration @ManagedBean @SessionScoped public class User { public String getFirstName() { … } }
- 22. Managed Bean Reference <!-- Instead of this: --> <h:outputText value="#{sessionScope.user.firstName}"/> <!-- We can now do this: --> <h:outputText value="#{user.firstName}"/>
- 28. Grunge: web.xml <filter> <filter-name>wicket</filter-name> <filter-class> org.apache.wicket.protocol.http.WicketFilter </filter-class> <filter-mapping> <filter-name>wicket</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> </filter>
- 29. Grunge: web.xml <init-param> <param-name> applicationClassName </param-name> <param-value> org.demo.wicket.HelloApplication </param-value> </init-param>
- 30. My First Wicket Application public class HelloApplication extends WebApplication { @Override public Class<Hello> getHomePage() { return Hello.class; } }
- 31. My First Wicket Page (HTML) <html xmlns:wicket="…"> <head><title>Hello, Wicket!</title></head> <body> <!-- My first Wicket component (html) --> Hello, <span wicket:id="name" >Foo</span>! </body> </html>
- 32. My First Wicket Page (Java) public class Hello extends WebPage { public Hello() { // My first Wicket component (Java) add(new Label( "name" , "World")); } }
- 36. IModel Contract T getObject() void setObject(T object)
- 39. Simple Model Sample // This: add(new Label("name", "World"); // Is shorthand for: add(new Label("name", new Model("World")));
- 48. Grunge: web.xml <filter> <filter-name>tapestry</filter-name> <filter-class> org.apache.tapestry5.TapestryFilter </filter-class> </filter> <filter-mapping> <filter-name>tapestry</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
- 49. Grunge: web.xml <context-param> <param-name> tapestry.app-package </param-name> <param-value> org.example.tapestry </param-value> </context-param>
- 50. My First Tapestry Page (TML) <html xmlns:t="…"> <head><title>Hello, Tapestry!</title></head> <body> <!-- My first Tapestry component. --> <!-- Note: We don't really need a component. --> Hello, <t:textoutput t:value="name"/>! </body> </html>
- 51. My First Tapestry Page (Java) public class Index { @Property private String name; }
- 55. Take 2: TML <html xmlns:t="…"> <head><title>Hello, Tapestry!</title></head> <body> <!-- Does this seem familiar? --> Hello, <span t:id="nameOutput" >Foo</span>! </body> </html>
- 56. Take 2: Java public class Index { @Property private String name; @Component( parameters={"value=name"}) private TextOutput nameOutput; }
- 58. Take 3: TML <html xmlns:t="…"> <head><title>Hello, Tapestry!</title></head> <body> Hello, <span t:type="textoutput" t:value="name">Foo</span>! </body> </html>
- 59. Facelets Flashback <!-- Remember this? --> <span jsfc="h:outputText" value="#{name}">Foo</span>!
- 61. Property Expressions <!-- Component parameter --> <div><t:textoutput t:value="user.name"/></div> <!-- Template expansion --> <div>${user.name}</div>
- 63. Binding Expressions <!-- Property Binding--> Hello, <t:textoutput t:value="name"/>! <!-- Literal Binding--> Hello, <t:textoutput t:value="literal:World"/>!
- 68. JSF Event Handling <h:form> <h:commandButton value="Increment" actionListener="#{counter.increment}"/> <h:outputText value="#{counter.count}"/> </h:form>
- 69. JSF Event Handling @ManagedBean @SessionScoped public class Counter { public int getCount() { return count; } public void increment() { count++; } private int count; }
- 71. Wicket Event Handling <form wicket:id="form"> <input type="submit" value="Increment" wicket:id="button"/> <span wicket:id="count">count</span> </form>
- 72. Wicket Event Handling public class EventsPage extends WebPage { public EventsPage() { Button button = new Button("button") { @Override public void onSubmit() { count++; } }; } private int count; }
- 75. Tapestry Event Handling <t:form t:id="form1"> <input type="submit" value="Increment" t:type="submit" t:id="button1"/> ${count} </t:form>
- 76. Tapestry Event Handling public class Events { @Persist @Property private int count; // Called when any form is submitted void onSubmit() { count++; } }
- 77. Tapestry Event Handling // All of these work too! // Called when form 1 is submitted void onSubmitFromForm1() { count++ } // Called when any button is selected void onSelected() { count++; } // Called when button1 is selected void onSelectedFromButton1() { count++; }
- 78. Tapestry Event Handling // And these too @OnEvent(value="selected", component="button1") void increment() { count++ } @OnEvent(value="submit", component="form") void foo() { count++ }
- 84. JSF Ajax <f:ajax render="count"/> <h:commandButton value="Increment" actionListener="#{counter.increment}"> <h:commandButton value="Reset" actionListener="#{counter.reset}"> </f:ajax>
- 87. Wicket Ajax AjaxButton button = new AjaxButton("button") { @Override public void onSubmit( AjaxRequestTarget target , Form form) { count++; if (target != null) { target.addComponent(label); } }});
- 88. Wicket Ajax label = new Label("count", …); label. setOutputMarkupId(true);
- 91. Tapestry Ajax <t:form t:id="form1" zone="countZone" > <input type="submit" value="Increment" t:type="submit" t:id="button1"/> <t:zone t:id="countZone"> Hello, ${count} </t:zone> </t:form>
- 92. Tapestry Ajax public class Ajax { @InjectComponent private Zone countZone; Object onSubmitFromForm1() { return countZone.getBody(); } }
- 97. JSF Navigation <h:commandButton action="#{nav.goToPageB}"/> @ManagedBean(name="nav") @RequestScoped public class Navigation { public String goToPageB() { return "success"; } }
- 98. JSF Navigation <navigation-rule> <from-view-id>/pageA.xhtml</from-view-id> <navigation-case> <from-outcome>success</from-outcome> <to-view-id>/pageB.xhtml</to-view-id> <redirect/> </navigation-case> </navigation-rule>
- 100. JSF Implicit Navigation <h:commandButton action="#{nav.goToPageB}"/> @ManagedBean(name="nav") @RequestScoped public class Navigation { public String goToPageB() { // No faces-config entry required return "pageB" ; } }
- 102. JSF Pre-Emptive Navigation <!-- Use navigation rules to determine "success" outcome target --> <h:button outcome="success"/> <!-- Both pre-emptive and implicit. No faces-config needed. --> <h:button outcome="pageB"/>
- 104. Wicket Navigation Button button1 = new Button("button1") { public void onSubmit() { setResponsePage(PageB.class); } };
- 105. Wicket Navigation Button button1 = new Button("button1") { public void onSubmit() { PageB pageB = new PageB(); // Configure PageB instance… setResponsePage(pageB); } }; Wicket Navigation
- 107. Wicket Navigation <!-- HTML --> <a wicket:id="bookmarkable" href="PageB.html">Navigate To Page B</a> // Java form.add( new BookmarkablePageLink("bookmarkable", PageB.class));
- 108. Wicket Navigation <!-- No Java code required. --> <wicket:link> <ul> <li><a href="PageA.html">Page A</a></li> <li><a href="PageB.html">Page B</a></li> <li><a href="PageC.html">Page C</a></li> <li><a href="PageD.html">Page D</a></li> </ul> </wicket:link>
- 110. Tapestry Navigation public class PageA { Object onSubmitFromForm1() { return PageB.class; } }
- 111. Tapestry Navigation public class PageA { @InjectPage private PageB pageB; Object onSubmitFromForm1() { // Configure pageB instance... return pageB; } }
- 113. Tapestry Navigation <t:pagelink t:page="PageB">Go</t:pagelink>
- 117. JSF Input Processing <h:inputText value="#{user.name}"/> @ManagedBean public class User { public String getName() { return name; } public void setName(String name) { this.name = name; } private String name; }
- 119. JSF Conversion <h:inputText value="#{user.age}"> <f:convertNumber integerOnly="true"/> </h:inputText>
- 121. JSF Validation <h:inputText value="#{user.age}"> <f:validateLongRange minimum="18"/> </h:inputText>
- 124. Wicket Input Processing <!-- HTML --> <input type="text" wicket:id="firstName"/> // Java User user = getUser(); form.add(new TextField("firstName", new PropertyModel(user, "name")));
- 127. Wicket Validation <!-- HTML --> <input type="text" wicket:id="age"/> // Java add(new TextField("age", new PropertyModel(getUser(), "age")) .add(NumberValidator.minimum(18)));
- 130. Tapestry Input Processing <!-- TML --> <input type="text" t:type="textfield" t:value="user.name"/> // Java public class Input { @Property private User user; }
- 132. Tapestry Conversion Events public class Input { String onToClientFromAge() { // Return String representation of age } Object onParseClientFromAge(String input) { // Return converted representation of age } }
- 134. Parameter-Based Validation <input type="text" t:type="textfield" t:value="user.age" t:validate="required,min=18"/>
- 135. Event-Based Validation void onValidateFromAge(Integer value) throws ValidationException { if (value < 18) throw new ValidationException("Too young!"); }
- 136. Anntation-Based Validation public class Input { @Property @Validate("required,min=18") private int age; }
- 143. resources/demo/titleBorder.xhtml <html ... ><body> <composite:implementation> <div class="tb-root"> <div class="tb-title"> #{cc.attrs.title} </div> <div class="tb-body"> <composite:insertChildren/> </div> </div> </composite:implementation> </body></html>
- 144. Composite Interface <composite:interface> <composite:attribute name="title" required="true"/> </composite:interface>
- 145. Component Usage <html … xmlns:demo= "http://java.sun.com/jsf/composite/demo"> <body> <demo:titleBorder title="My Favorite Greeting"> Hello, World! </demo:titleBorder> </body> </html>
- 147. TitleBorder.html <html ... ><body> <wicket:border> <div class="tb-root"> <div class="tb-title" wicket:id="titleLabel">Title</div> <div class="tb-body"> <wicket:body/> </div> </div> </wicket:border> </body></html>
- 148. TitleBorder.java public class TitleBorder extends Border { public TitleBorder(String id) { super(id); add(new Label("titleLabel", new PropertyModel(this, "title"))); } // Accessors private String title; }
- 149. Component Usage <!-- HTML --> <div wicket:id="titleBorder"> Hello, World! </div> // Java add(new TitleBorder("titleBorder"));
- 151. TitleBorder.tml <div class="tb-root" ... > <div class="tb-title"> ${title} </div> <div class="tb-body"> <t:body/> </div> </div>
- 152. TitleBorder.java public class TitleBorder { @Property @Parameter(required=true, defaultPrefix=BindingConstants.LITERAL) private String title; }
- 153. Component Usage <t:titleborder t:title="My Favorite Greeting"> Hello, World! </t:titleborder>