[richfaces-svn-commits] JBoss Rich Faces SVN: r2061 - in trunk/samples: richfaces-demo/src/main/webapp/richfaces/dataTable and 4 other directories.

Author: SergeySmirnov Date: 2007-08-03 22:19:57 -0400 (Fri, 03 Aug 2007) New Revision: 2061 Modified: trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml trunk/samples/virtualEarth-sample/ Log: Modified: trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties =================================================================== --- trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-08-04 01:05:53 UTC (rev 2060) +++ trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-08-04 02:19:57 UTC (rev 2061) @@ -46,9 +46,9 @@ ajaxListener= ajaxSupport, Ajax Listener, /images/ico_common.gif, /images/cn_ajaxListener.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/ajaxListener.jsf region= ajaxSupport, Ajax Region, /images/ico_common.gif, /images/cn_ajaxRegion.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/region.jsf loadBundle= ajaxResources, Bundle, /images/ico_common.gif, /images/cn_Bundle.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/bundle.jsf -loadScript= ajaxResources, Script, /images/ico_common.gif, /images/cn_common.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/panel.jsf -loadStyle= ajaxResources, Style, /images/ico_common.gif, /images/cn_common.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/panel.jsf -keepAlive= ajaxResources, Keep Alive, /images/ico_common.gif, /images/cn_keepAlive.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/keepAlive.jsf +loadScript= ajaxResources, Script, /images/ico_common.gif, /images/cn_Script.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/script.jsf +loadStyle= ajaxResources, Style, /images/ico_common.gif, /images/cn_Style.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/style.jsf +keepAlive= ajaxResources, Keep Alive, /images/ico_common.gif, /images/cn_KeepAlive.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/keepAlive.jsf include= ajaxOutput, Include, /images/ico_common.gif, /images/cn_common.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/panel.jsf mediaOutput= ajaxOutput, Media Output, /images/ico_common.gif, /images/cn_common.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/panel.jsf outputPanel= ajaxOutput, Output Panel, /images/ico_common.gif, /images/cn_common.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/panel.jsf Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml 2007-08-04 01:05:53 UTC (rev 2060) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml 2007-08-04 02:19:57 UTC (rev 2061) @@ -7,7 +7,7 @@ xmlns:rich="http://richfaces.ajax4jsf.org/rich"> <ui:composition template="/templates/component-sample.xhtml"> <ui:define name="sample"> - + <p>DataTable allows to show a tabular data. Additional to the stadard &lt;h:dataTable&gt;, this component @@ -16,6 +16,7 @@ of a master table and detail sub-tables.<br /> The folowing example shows the dataTable component in use: </p> + <div class="sample-container" > <rich:dataTable Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml 2007-08-04 01:05:53 UTC (rev 2060) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml 2007-08-04 02:19:57 UTC (rev 2061) @@ -13,7 +13,7 @@ background-color:#{a4jSkin.trimColor}; } </style> - + <p> Ajax region is a key ajax component. It limits the part of the component tree to be processed on the server side when ajax request comes. Processing means invocation during Decode, Validation and Model Update phase. Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml 2007-08-04 01:05:53 UTC (rev 2060) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml 2007-08-04 02:19:57 UTC (rev 2061) @@ -8,10 +8,80 @@ <ui:composition template="/templates/component-sample.xhtml"> <ui:define name="sample"> + <p>a4j:loadScript is similar to the standard script tag with src attribute, but allows + to load script from alternative sources like jar file. + </p> <p> + <b>src</b> attribute defines the context relative path to the script. Instead of html + script tag you do not have to have a prefix to your application. The leading slash in + the path means the root of the web context. </p> - - <div class="sample-container" > + <p> + You can use "resource://" prefix to access to the script file using + RichFaces resource framework. For example, if you script file is located inside the + jar file and has a full path there: /org/mycompany/assets/script/focus.js , you can + point to it with: + <pre> + &lt;a4j:loadScript src="resource:///org/mycompany/assets/script/focus.js" /&gt; + </pre> + </p> + <p> + It is possible to register aliases to the static script files or dynamically + generated scripts and use those aliases then. For example, RichFaces has an + alias to the prototype.js script. So, you can point to "resource://prototype.js" as + a src for loading script and use prototype's features. The following example + shows how to use shipped with RichFaces prototype.js and script.aculo.us to create + a client-side effects. + </p> + + <a4j:loadScript src="resource://org/richfaces/renderkit/html/scripts/scriptaculous-js-1.6.5/src/scriptaculous.js"/> + <a4j:loadScript src="resource:///org/richfaces/renderkit/html/scripts/scriptaculous-js-1.6.5/src/effects.js"/> + + <div id="itme" class="sample-container"> + <h:commandButton onclick="new Effect.BlindUp($('mypanel_body'), {duration:.3});return false" value="Hide"></h:commandButton> + <h:commandButton onclick="new Effect.Appear($('mypanel_body'));return false" value="Show"></h:commandButton> + + <rich:separator height="1" style="padding:10px 0" /> + + <div id="mdiv"> + <rich:panel id="mypanel"> + <f:facet name="header"> + <h:outputText value="Applying Skin on non-RichFaces Components"/> + </f:facet> + + + + + <h:panelGrid styleClass="rsPanel" width="250" columns="2"> + <h:outputText styleClass="rsLabel" value="Name:" /> + <h:inputText styleClass="rsInput" value="#{userBean.name}" /> + + <h:outputText styleClass="rsLabel" value="Job:" /> + <h:inputText styleClass="rsInput" value="#{userBean.job}" /> + + <h:panelGroup /> + <h:commandButton styleClass="rsButton" value="Submit"> + <a4j:support disableDefault="true" event="onclick" reRender="out" /> + </h:commandButton> + + <f:facet name="footer"> + </f:facet> + + </h:panelGrid> + <h:panelGrid id="out" columns="1"> + + <h:outputText value=""/> + <h:outputText value="You have just entered:"/> + <h:outputText value="Name: #{userBean.name}" /> + <h:outputText value="Job: #{userBean.job}" /> + </h:panelGrid> + + </rich:panel> + + <rich:spacer height="20" /> + </div> + + </div> </ui:define> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml 2007-08-04 01:05:53 UTC (rev 2060) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml 2007-08-04 02:19:57 UTC (rev 2061) @@ -8,12 +8,84 @@ <ui:composition template="/templates/component-sample.xhtml"> <ui:define name="sample"> + <p>a4j:loadStyle is similar to the standard style tag with src attribute, but allows + to load style sheet file from alternative sources like jar file. + </p> <p> + <b>src</b> attribute defines the context relative path to the style sheet file. Instead of html + style tag you do not have to have a prefix to your application. The leading slash in + the path means the root of the web context. </p> + <p> + You can use "resource://" prefix to access to the file using + RichFaces resource framework. For example, if you css file is located inside the + jar file and has a full path there: /org/mycompany/assets/css/common.css , you can + point to it with: + <pre> + &lt;a4j:loadScript src="resource:///org/mycompany/assets/css/common.css" /&gt; + </pre> + </p> + <p> + Richfaces allows to have a dynamically generated css file based on RichFaces + skinability feature. xcss is a XML formated css with some additional extentions. + The following example shows how the look-n-feel of non-RichFaces components might + be changed based on the selected skin. + </p> + <a4j:loadStyle src="resource:///org/richfaces/demo/ajaxSamples/rspanel.xcss" /> + + + + <div class="sample-container" > + <h:form> + + <rich:panel> + <f:facet name="header"> + <h:outputText value="Applying Skin on non-RichFaces Components"/> + </f:facet> + <h:commandLink value="DeepMarine"> + <a4j:actionparam name="skin" value="deepMarine" assignTo="#{skinBean.skin}"/> + </h:commandLink> + <rich:spacer width="20" /> + <h:commandLink value="BlueSky" > + <a4j:actionparam name="skin" value="blueSky" assignTo="#{skinBean.skin}"/> + </h:commandLink> + <rich:spacer width="20" /> + <h:commandLink value="JapanCherry" > + <a4j:actionparam name="skin" value="japanCherry" assignTo="#{skinBean.skin}"/> + </h:commandLink> + + <rich:separator height="2" style="padding:10px 0" /> + + <h:panelGrid styleClass="rsPanel" width="250" columns="2"> + <h:outputText styleClass="rsLabel" value="Name:" /> + <h:inputText styleClass="rsInput" value="#{userBean.name}" /> + + <h:outputText styleClass="rsLabel" value="Job:" /> + <h:inputText styleClass="rsInput" value="#{userBean.job}" /> + + <h:panelGroup /> + <h:commandButton styleClass="rsButton" value="Submit"> + <a4j:support disableDefault="true" event="onclick" reRender="out" /> + </h:commandButton> + + <f:facet name="footer"> + </f:facet> + + </h:panelGrid> + <h:panelGrid id="out" columns="1"> + + <h:outputText value=""/> + <h:outputText value="You have just entered:"/> + <h:outputText value="Name: #{userBean.name}" /> + <h:outputText value="Job: #{userBean.job}" /> + </h:panelGrid> + + </rich:panel> + </h:form> + </div> - </ui:define> <ui:define name="sources"> Here is a fragment of page sources for the given example: Property changes on: trunk/samples/virtualEarth-sample ___________________________________________________________________ Name: svn:ignore + target