Author: ilya_shaikovsky Date: 2009-08-27 11:07:55 -0400 (Thu, 27 Aug 2009) New Revision: 15347 Added: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/outputPanel/ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/outputPanel/OutputPanelBean.java root/examples/trunk/richfaces-demo/src/main/webapp/WEB-INF/faces-config.xml root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/message.css root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/messages.css root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/message.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/messages.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax/ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax/ajax.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status/referencedusage.xhtml Modified: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/page.css root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandButton.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandLink.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/log.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/usage.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml Log: Added: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/outputPanel/OutputPanelBean.java =================================================================== --- root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/outputPanel/OutputPanelBean.java (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/outputPanel/OutputPanelBean.java 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,13 @@ +package org.richfaces.demo.outputPanel; + +public class OutputPanelBean { + private String text; + + public String getText() { + return text; + } + + public void setText(String text) { + this.text = text; + } +} Modified: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java =================================================================== --- root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java 2009-08-27 15:07:55 UTC (rev 15347) @@ -98,7 +98,7 @@ } System.out.println("New Event!"); listener.onEvent(new EventObject(this)); - Thread.sleep(10000); + Thread.sleep(5000); } catch (InterruptedException e) { e.printStackTrace(); } Added: root/examples/trunk/richfaces-demo/src/main/webapp/WEB-INF/faces-config.xml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/WEB-INF/faces-config.xml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/WEB-INF/faces-config.xml 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,25 @@ +<?xml version='1.0' encoding='UTF-8'?> + +<faces-config xmlns="http://java.sun.com/xml/ns/javaee" + version="2.0"> + + <application> + <!-- system-event-listener> + <system-event-listener-class>org.richfaces.resource.MapBasedResourceCodecListener</system-event-listener-class> + <system-event-class>javax.faces.event.PostConstructApplicationEvent</system-event-class> + </system-event-listener --> + </application> + + <managed-bean> + <managed-bean-name>opBean1</managed-bean-name> + <managed-bean-class>org.richfaces.demo.outputPanel.OutputPanelBean</managed-bean-class> + <managed-bean-scope>request</managed-bean-scope> + </managed-bean> + <managed-bean> + <managed-bean-name>opBean2</managed-bean-name> + <managed-bean-class>org.richfaces.demo.outputPanel.OutputPanelBean</managed-bean-class> + <managed-bean-scope>request</managed-bean-scope> + </managed-bean> + + +</faces-config> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/message.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/message.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/message.css 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,3 @@ +rich-message{ + color:red; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/messages.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/messages.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/messages.css 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,3 @@ +rich-messages{ + color:red; +} \ No newline at end of file Modified: root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/page.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/page.css 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/css/page.css 2009-08-27 15:07:55 UTC (rev 15347) @@ -3,6 +3,9 @@ background: #FFFFFF; margin:0px; } +*{ + font-size:11px; +} .header_bg{ background-image:url(#{resource['rich/img/header_background.png']}); border-bottom:1px solid; Added: root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/message.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/message.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/message.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:c="http://java.sun.com/jsp/jstl/core" + xmlns:composite="http://java.sun.com/jsf/composite" + xmlns:a4j="http://richfaces.org/a4j"> +<head> +<title>panel</title> +</head> +<body> + +<composite:interface> + <composite:attribute name="for" required="true" /> + <composite:attribute name="style" required="false" /> + <composite:attribute name="styleClass" required="false" /> +</composite:interface> + +<composite:implementation> + <h:outputStylesheet name="rich/css/message.css" /> + <a4j:outputPanel ajaxRendered="true" layout="none"> + <h:message for="#{cc.attrs.for}" showDetail="#{cc.attrs.showDetails}" + showSummary="#{cc.attrs.showSummary}" style="#{cc.attrs.style}" + styleClass="rich-message #{cc.attrs.styleClass}" /> + </a4j:outputPanel> +</composite:implementation> +</body> +</html> Added: root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/messages.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/messages.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/resources/rich/messages.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:c="http://java.sun.com/jsp/jstl/core" + xmlns:composite="http://java.sun.com/jsf/composite" + xmlns:a4j="http://richfaces.org/a4j"> +<head> +<title>panel</title> +</head> +<body> + +<composite:interface> + <composite:attribute name="style" required="false" /> + <composite:attribute name="styleClass" required="false" /> +</composite:interface> + +<composite:implementation> + <h:outputStylesheet name="rich/css/messages.css" /> + <a4j:outputPanel ajaxRendered="true" layout="none"> + <h:messages layout="#{cc.attrs.layout}" + showSummary="true" style="#{cc.attrs.style}" + styleClass="rich-message #{cc.attrs.styleClass}" /> + </a4j:outputPanel> +</composite:implementation> +</body> +</html> Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax/ajax.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax/ajax.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax/ajax.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j"> + + <ui:composition> + <h:form> + <h:inputText value="#{userBean.name}"> + <a4j:ajax event="keyup" render="out"/> + </h:inputText> + <h:outputText value="#{userBean.name}" id="out"/> + </h:form> + </ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ajax.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets"> + + <ui:composition template="/templates/main.xhtml"> + <ui:define name="body"> + <p> + The behavior that adds javascript call for sending Ajax request + to specified event on parent component + </p> + <fieldset> + <legend>Simple sample</legend> + <ui:include src="/richfaces/ajax/ajax.xhtml" /> + </fieldset> + </ui:define> + </ui:composition> + +</html> \ No newline at end of file Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandButton.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandButton.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandButton.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -7,7 +7,8 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="body"> <p> - Description for commandButton goes there. + The combination similar to h:commandButton with f:ajax. Inherits all + a4j:ajax special options. </p> <fieldset> <legend>commandButton Sample</legend> Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandLink.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandLink.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/commandLink.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -7,7 +7,8 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="body"> <p> - Description for commandLink goes there. + The combination similar to h:commandLink with f:ajax. Inherits all + a4j:ajax special options. </p> <fieldset> <legend>commandLink Sample</legend> Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -6,9 +6,14 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="body"> - <p> - Description for JS Function goes there. - </p> + + <p><b>a4j:jsFunction</b> component also designed to send Ajax requests, but allows to perform + an the requests from a Javascript code directly. The component sends a request using + a standard JSF approach, so the JSF form is required. The following example + shows how the part of a page is re-rendered when a user hovers over the names. + </p> + + <fieldset> <legend>JS Function Sample</legend> <ui:include src="/richfaces/jsFunction/usage.xhtml" /> Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/log.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/log.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/log.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -6,8 +6,10 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="body"> - <p> - Description for log goes there. + <p> + Log component allows you to inspect client side activities + during an Ajax request. It shows reuqest data, response data, DOM + tree changes on update and other useful debug information. </p> <fieldset> <legend>log Sample</legend> Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -6,9 +6,28 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="body"> - <p> - Description for Media output goes there. - </p> + <p>a4j:mediaOutput allows to generate images, video, sounds and other binary + resources defined by a user on-the-fly. + </p> + <p><b>createContent</b> attribute references to the method that will be used + for content creating. The method accepts two parameters. The first parameter + has an OutputStream type. It is a reference to the steam that should be used for output. + The second parameter is a reference to a 'value' attribute of the component. + </p> + <p> + <b>value</b> attribute references to data that can be used as input data for a content + creator method. The data should be serializable because it is encoded to the URL + of the resource. + </p> + <p> + <b>mimeType</b> attribute defines the type of output content. It is used to define + the corresponded type in the header of an HTTP response. + </p> + <p> + <b>cacheable</b> attribute is a flag that defines the caching strategy. If 'cacheable' + is set to false, the response will not be cached. If it is set to true, it will be cached + and the serialized value of 'value' attribute plays the role of a cache key. + </p> <fieldset> <legend>Image output</legend> <ui:include src="/richfaces/mediaOutput/imgUsage.xhtml" /> Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j" + xmlns:rich="http://java.sun.com/jsf/composite/rich"> + + <ui:composition> + <h:form> + <rich:panel id="psnel"> + <f:facet name="header"> + <h:outputText value="User Details Panel" /> + </f:facet> + <h:panelGrid columns="2"> + <h:panelGrid columns="2"> + <h:outputText value="User name:" /> + <h:inputText value="#{userBean.name}" required="true" label="Name"> + <f:validateLength minimum="3" maximum="12"/> + </h:inputText> + <h:outputText value="Adress:" /> + <h:inputTextarea value="#{userBean.address}" label="Adress" required="true"> + <f:validateLength maximum="100"/> + </h:inputTextarea> + </h:panelGrid> + <rich:messages/> + </h:panelGrid> + <a4j:commandButton value="Submit" type="button" action="#{userBean.store}" render="out"/> + <h:outputText value="#{userBean.recordStatus}" id="out"/> + </rich:panel> + </h:form> + </ui:composition> + +</html> \ No newline at end of file Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/usage.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/usage.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel/usage.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -7,49 +7,64 @@ xmlns:a4j="http://richfaces.org/a4j"> <ui:composition> - <h:form> - <rich:panel> - <f:facet name="header"> - <h:outputText value="Register form" /> - </f:facet> - <h:panelGrid columns="3"> - <h:outputText value="Name:" /> - <h:inputText value="#{userBean.name}" required="true" - validatorMessage="Nickname should countains of at least 3 characters" - id="name"> - <a4j:ajax event="blur" execute="@this" render="namemessage"/> - <f:validateLength minimum="3" /> - </h:inputText> - <a4j:outputPanel layout="block" id="namemessage"> - <h:message for="name" style="color:red"/> - </a4j:outputPanel> - <h:outputText value="Password" /> - <h:inputSecret value="#{userBean.password}" id="pass" required="true" - validatorMessage="Password should consist of at least 6 characters" > - <a4j:ajax event="blur" execute="@this" render="passmessage"/> - <f:validateLength minimum="6"/> - </h:inputSecret> - <a4j:outputPanel layout="block" id="passmessage"> - <h:message for="pass" style="color:red"/> - </a4j:outputPanel> - <h:outputText value="Age:" /> - <h:inputText value="#{userBean.age}" id="age" required="true" - validatorMessage="You must be 21 or older to register"> - <f:validateLongRange minimum="21" /> - <a4j:ajax event="blur" execute="@this" render="agemessage"/> - </h:inputText> - <a4j:outputPanel layout="block" id="agemessage"> - <h:message for="age" style="color:red"/> - </a4j:outputPanel> - </h:panelGrid> - <h:commandButton action="#{userBean.store}" value="Register" type="button"> - <a4j:ajax execute="@form"/> - </h:commandButton> - <a4j:outputPanel ajaxRendered="true"> - <h:outputText value="#{userBean.recordStatus}" id="out" style="color:green;"/> - </a4j:outputPanel> - </rich:panel> - </h:form> + <style type="text/css"> + .col { + width:50%; + padding:10px; + padding: 0px 30px 0px 0px; + vertical-align: top; + } + </style> + <h:panelGrid columns="2" width="100%" columnClasses="col"> + + <f:verbatim> + This code does not work as expected. The expected echo text does not appear + below even the condition for <code>'renderer'</code> returns <code>true</code>. + Also, the error message does not appear when the length of the text reaches the limit. + </f:verbatim> + <f:verbatim> + This code works properly. The <code>h:message</code> is marked for update during + each Ajaxrequest/response. The place for bottom label is reserved with + <code>outputPanel</code> while the component is not rendered. + </f:verbatim> + + <a4j:outputPanel layout="block"> + + + <a4j:outputPanel layout="block"> + <h:form> + <h:message for="text1" style="color:red" /> + + <h:outputText style="font-weight: bold;" value="Enter Text: "/> + <h:inputText id="text1" label="text1" value="#{opBean1.text}"> + <f:validateLength maximum="10"/> + <a4j:ajax event="keyup" execute="@this" render="out1" onerror="function(){return false}"/> + </h:inputText> + + <h:outputText id="out1" rendered="#{not empty opBean1.text}" value="Approved Text: #{opBean1.text}" /> + </h:form> + </a4j:outputPanel> + + </a4j:outputPanel> + + <a4j:outputPanel layout="block"> + <h:form> + <a4j:outputPanel ajaxRendered="true" layout="block"> + <h:message for="text2" style="color:red" /> + </a4j:outputPanel> + + <h:outputText style="font-weight: bold;" value="Enter Text: "/> + <h:inputText id="text2" label="text2" value="#{opBean2.text}"> + <f:validateLength maximum="10"/> + <a4j:ajax event="keyup" execute="@this" render="out2" /> + </h:inputText> + + <a4j:outputPanel id="out2" layout="block"> + <h:outputText rendered="#{not empty opBean2.text}" value="Approved Text: #{opBean2.text}" /> + </a4j:outputPanel> + </h:form> + </a4j:outputPanel> + </h:panelGrid> </ui:composition> </html> \ No newline at end of file Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/outputPanel.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -21,15 +21,18 @@ <li></li> </ul> </p> + <fieldset> + <legend>Sample</legend> + <ui:include src="/richfaces/outputPanel/usage.xhtml" /> + </fieldset> <p> - In the sample you could see how <b>h:message components inserted dynamically</b> if exist. - Also user record <b>storing status updated automatically</b> after request without mentioning - in <b>render</b> property. - + Next sample shows how you could simply create composite component from + standard h:messages and a4j:outputPanel in order to get them updated + for any ajax request without render definition. </p> <fieldset> <legend>Sample</legend> - <ui:include src="/richfaces/outputPanel/usage.xhtml" /> + <ui:include src="/richfaces/outputPanel/compositemessages.xhtml" /> </fieldset> </ui:define> </ui:composition> Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -38,9 +38,9 @@ rendered="#{choicesBean.enabled}" /> </a4j:outputPanel> - <a4j:push enabled="#{choicesBean.enabled}" interval="3000" + <a4j:push enabled="#{choicesBean.enabled}" interval="1000" eventProducer="#{choicesBean.addListener}" id="push" action="#{choicesBean.processUpdates}"> - <f:ajax render="choiceVotes push tempResults" /> + <a4j:ajax render="choiceVotes push tempResults" /> </a4j:push> </h:form> </ui:composition> Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -6,8 +6,17 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="body"> - <p>push description</p> - <fieldset> + <p>The <b>&lt;a4j:push&gt;</b> periodically perform AJAX request to + server, to simulate 'push' data.</p> + <p><b>&lt;a4j:push&gt;</b> makes request to + minimal code only (not to JSF tree) in order to check the presence of + messages in the queue. If the message exists the complete request will + be performed. The component doesn't poll registered beans but + registers EventListener which receives messages about events.</p> + <p>Attribute '<b>interval</b>' is used as for poll component. It + specifies the interval in ms. for call push request. Simple example of + usage:</p> + <fieldset> <legend> Push Sample </legend> Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status/referencedusage.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status/referencedusage.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status/referencedusage.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j" + xmlns:rich="http://java.sun.com/jsf/composite/rich"> +<ui:composition> + <h:panelGrid columns="3" width="300px;"> + <rich:panel> + <f:facet name="header"> + <h:outputText value="User Details Panel" /> + </f:facet> + <h:panelGrid columns="3"> + <h:outputText value="User name:" /> + <h:inputText value="#{userBean.name}" > + <a4j:ajax statusId="nameStatus" event="keyup"/> + </h:inputText> + <a4j:status name="nameStatus"> + <f:facet name="start"> + <h:graphicImage value="/images/ai.gif"/> + </f:facet> + </a4j:status> + <h:outputText value="Adress:" /> + <h:inputText value="#{userBean.address}"> + <a4j:ajax statusId="adressStatus" event="keyup"/> + </h:inputText> + <a4j:status name="adressStatus"> + <f:facet name="start"> + <h:graphicImage value="/images/ai.gif"/> + </f:facet> + </a4j:status> + </h:panelGrid> + </rich:panel> + </h:panelGrid> +</ui:composition> +</html> \ No newline at end of file Modified: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/status.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -6,22 +6,38 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="body"> + <p>a4j:status is an indicator of an Ajax request. It has two states - start and stop. The start + state indicates that an Ajax request is in progress. When Ajax Response comes back, + the component switches to the stop stage. + </p> + <p> Status could be defined: + <ul> + <li>Default for View</li> + <li>Default for form</li> + <li>Referenced explicity from the component which sends request</li> + </ul> + </p> <p> - Description for Status goes there. + Example of View scoped status </p> <fieldset> + <legend>Default view status sample</legend> + <ui:include src="/richfaces/status/viewusage.xhtml" /> + </fieldset> + <p> + Example of form scoped status + </p> + <fieldset> <legend>Default form status sample</legend> <ui:include src="/richfaces/status/usage.xhtml" /> </fieldset> + <p> + Example of status which referenced from the components + </p> <fieldset> - <legend>Default view status sample</legend> - <ui:include src="/richfaces/status/viewusage.xhtml" /> - </fieldset> - <fieldset> <legend>Referenced status sample</legend> <ui:include src="/richfaces/status/referencedusage.xhtml" /> </fieldset> </ui:define> </ui:composition> - </html> \ No newline at end of file Modified: root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml 2009-08-27 15:06:55 UTC (rev 15346) +++ root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml 2009-08-27 15:07:55 UTC (rev 15347) @@ -10,6 +10,8 @@ </f:facet> <h:panelGrid columns="1"> <h:outputLink + value="#{facesContext.externalContext.requestContextPath}/richfaces/ajax.jsf">a4j:ajax</h:outputLink> + <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/jsFunction.jsf">a4j:jsFunction</h:outputLink> <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/mediaOutput.jsf">a4j:mediaOutput</h:outputLink>