Ajax Applications with RichFaces and JSF 2

Ajax Applications with RichFaces and JSF 2 ,[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Author of Practical RichFaces (Apress) Co-author of RichFaces Dzone RefCard

[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],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object]

[object Object],<h:selectOneMenu value="#{bean.fruit}"> <a4j:support event="onchange" action="#{bean.change}" reRender="info, details"/> </<h:selectOneMenu> <h:panelGrid id="info" > ... </h:panelGrid> <h:panelGrid id="details" > ... </h:panelGrid> Can also be an EL-expression: reRender="{bean.areas}"

[object Object],<table> ... <td onmouseover= "update('yellow')" /> ... </table> <a4j:jsFunction name="update" action="#{bean.change}" reRender="panel"> <a4j:actionparam value="param1" assignTo="#{bean.color}"/> </a4j:jsFunction>

[object Object],<h:selectOneMenu value="#{bean.fruit}"> <a4j:support event="onchange" action="#{bean.change}"/> </<h:selectOneMenu> <a4j:outputPanel ajaxRendered="true"> <h:panelGrid> ... </h:panelGrid> <h:panelGrid> ... </h:panelGrid> </a4j:outputPanel> Always Ajax rendered area

[object Object],<a4j:queue requestDelay="1000"/> <a4j:commandButton value="Save" action="#{bean.change}" reRender="details"/> <h:panelGrid id="details"> ... </h:panelGrid>

[object Object],<h:inputText id="email" value="#{bean.email}"> <rich:ajaxValidator event="onblur"/> </h:inputText> <rich:message for="email"/> public class Bean { @Email private String email; // setter and getter }

[object Object],<h:selectOneMenu value="#{bean.drink}"> <f:selectItem itemValue="Espresso"/> <f:selectItem itemValue="Cappuccino"/> <f:selectItem itemValue="Tea"/> <a4j:support event="onchange" reRender="drink" onsubmit="alert('Getting new drink...')" onbeforedomupdate="alert('About to update DOM')" oncomplete="alert('Browser DOM updated.')" /> </h:selectOneMenu>

[object Object],<rich:listShuttle id="list" sourceValue="#{bean.source}" targetValue="#{bean.target}" var="items"> ... </rich:listShuttle> <input type="button" onclick="#{rich:component('list')}.copyAll();" value="Copy All Items"/>

[object Object],[object Object],[object Object],[object Object],[object Object],Update via Ajax

[object Object],[object Object],<h:inputText value="#{bean.text}" > <f:ajax event="keyup" execute="@form" listener="#{bean.countListener}" render="id2 id2" /> </h:inputText>

JSF 1.2 JSF 2 RichFaces 3.3.2 RichFaces 3.3.3 (Mar 2010) RichFaces 4 (Summer 2010)

[object Object],[object Object],[object Object],[object Object],[object Object]

<h:inputText value="#{bean.text}" > <a4j:support event="onkeyup" action="#{bean.countAction}" reRender="id1, id2"/> </h:inputText> <h:inputText value="#{bean.text}" > <f:ajax event="keyup" execute="@form" listener="#{bean.countListener}" render="id2 id2" /> </h:inputText> <h:inputText value="#{bean.text}" > <a4j:ajax event="keyup" listener="#{bean.countListener}" render="id2, id2" /> </h:inputText> RichFaces 3.x JSF 2 RichFaces 4

[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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],<fiji:javaFx archive="/javafx/chart.jar" applicationClass="com.exadel.fiji.Chart"/>

[object Object],<fiji:lineChart value="#{bean.data}"/>

JavaFX nodes for JSF component Value-expression

[object Object],[object Object],<rich:panel header="BIRT Report as JSF component" style="width:790px"> <birt:birtWrapper id="report" reportDesign="/Reports/new_report.rptdesign"> <f:param name="Text" value="#{bean.text}"/> <f:param name="X" value="#{bean.x}" /> </birt:birtWrapper> </rich:panel>

Ajax Applications with RichFaces and JSF 2

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Ajax Applications with RichFaces and JSF 2

Similaire à Ajax Applications with RichFaces and JSF 2 (20)

Plus de Max Katz

Plus de Max Katz (20)

Dernier

Dernier (20)

Ajax Applications with RichFaces and JSF 2