December 2008 - richfaces-svn-commits

JBoss Rich Faces SVN: r11533 - trunk/samples/richfaces-demo/src/main/webapp/richfaces/editor/examples.

by richfaces-svn-commits＠lists.jboss.org

Author: ilya_shaikovsky Date: 2008-12-03 13:38:11 -0500 (Wed, 03 Dec 2008) New Revision: 11533 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/editor/examples/editor.xhtml Log: reopened https://jira.jboss.org/jira/browse/RF-5195 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/editor/examples/editor.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/editor/examples/editor.xhtml 2008-12-03 18:37:51 UTC (rev 11532) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/editor/examples/editor.xhtml 2008-12-03 18:38:11 UTC (rev 11533) @@ -11,9 +11,9 @@ } </style> <h:form> - <a4j:jsFunction name="submit" reRender="result"/> <h:panelGrid columns="2" width="100%" columnClasses="column,column"> - <rich:editor configuration="#{editorBean.currentConfiguration}" id="editor" width="400" viewMode = "#{editorBean.viewMode}" value="#{editorBean.value}" onchange="submit"> + <rich:editor configuration="#{editorBean.currentConfiguration}" id="editor" width="400" viewMode = "#{editorBean.viewMode}" value="#{editorBean.value}"> + <a4j:support event="onchange" reRender="result" ajaxSingle="true" requestDelay="1000" rendered="#{editorBean.liveUpdatesEnabled}"/> </rich:editor> <rich:panel> @@ -24,24 +24,30 @@ <h:outputText value="Select Editor Theme"/> <h:selectOneRadio value="#{editorBean.currentConfiguration}" layout="pageDirection"> <f:selectItems value="#{editorBean.configurations}"/> - <a4j:support event="onchange" reRender="editor" /> + <a4j:support event="onchange" reRender="editor"/> </h:selectOneRadio> <h:outputText value="Toggle Modes"/> <h:selectOneRadio value="#{editorBean.viewMode}" layout="pageDirection"> <f:selectItem itemLabel="WYSIWYG mode" itemValue="visual"/> <f:selectItem itemLabel="Simple Text Area" itemValue="source"/> - <a4j:support event="onchange" reRender="editor" /> + <a4j:support event="onchange" reRender="editor"/> </h:selectOneRadio> + <h:outputText value="Toggle Preview: " /> + <h:selectBooleanCheckbox value="#{editorBean.liveUpdatesEnabled}" > + <a4j:support event="onchange" reRender="editor, result"/> + </h:selectBooleanCheckbox> </h:panelGrid> </rich:panel> </h:panelGrid> - <rich:panel id="result"> - <f:facet name="header"> - <h:outputText value="Preview"/> - </f:facet> - <h:outputText escape="false" value="#{editorBean.value}"/> - </rich:panel> + <a4j:outputPanel layout="block" id="result"> + <rich:panel rendered="#{editorBean.liveUpdatesEnabled}"> + <f:facet name="header"> + <h:outputText value="Preview"/> + </f:facet> + <h:outputText escape="false" value="#{editorBean.value}"/> + </rich:panel> + </a4j:outputPanel> </h:form> </ui:composition>

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11532 - trunk/test-applications/seleniumTest/richfaces.

by richfaces-svn-commits＠lists.jboss.org

Author: konstantin.mishin Date: 2008-12-03 13:37:51 -0500 (Wed, 03 Dec 2008) New Revision: 11532 Modified: trunk/test-applications/seleniumTest/richfaces/pom.xml Log: RF-5197 only for test Modified: trunk/test-applications/seleniumTest/richfaces/pom.xml =================================================================== --- trunk/test-applications/seleniumTest/richfaces/pom.xml 2008-12-03 18:24:27 UTC (rev 11531) +++ trunk/test-applications/seleniumTest/richfaces/pom.xml 2008-12-03 18:37:51 UTC (rev 11532) @@ -85,4 +85,16 @@ </plugin> </plugins> </build> + <repositories> + <repository> + <releases> + <enabled>false</enabled> + </releases> + <snapshots> + <enabled>true</enabled> + </snapshots> + <id>snapshots.jboss.org</id> + <url>http://snapshots.jboss.org/maven2</url> + </repository> + </repositories> </project> \ No newline at end of file

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11531 - trunk/test-applications/seleniumTest.

by richfaces-svn-commits＠lists.jboss.org

Author: konstantin.mishin Date: 2008-12-03 13:24:27 -0500 (Wed, 03 Dec 2008) New Revision: 11531 Modified: trunk/test-applications/seleniumTest/pom.xml Log: RF-5197 only for test Modified: trunk/test-applications/seleniumTest/pom.xml =================================================================== --- trunk/test-applications/seleniumTest/pom.xml 2008-12-03 18:14:29 UTC (rev 11530) +++ trunk/test-applications/seleniumTest/pom.xml 2008-12-03 18:24:27 UTC (rev 11531) @@ -2,6 +2,11 @@ <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> + <parent> + <artifactId>samples</artifactId> + <groupId>org.richfaces</groupId> + <version>3.3.0-SNAPSHOT</version> + </parent> <modelVersion>4.0.0</modelVersion> <groupId>seleniumTest</groupId> <artifactId>seleniumTest</artifactId> @@ -37,49 +42,10 @@ <enabled>false</enabled> </releases> </repository> - <repository> - <releases /> - <snapshots> - <enabled>false</enabled> - <updatePolicy>never</updatePolicy> - </snapshots> - <id>maven-repository.dev.java.net</id> - <name>Java.net Repository for Maven</name> - <url>http://download.java.net/maven/1</url> - <layout>legacy</layout> - </repository> - - <repository> - <releases /> - <snapshots> - <enabled>false</enabled> - <updatePolicy>never</updatePolicy> - </snapshots> - <id>repository.jboss.org</id> - <url>http://repository.jboss.org/maven2</url> - </repository> - <repository> - <releases> - <enabled>false</enabled> - </releases> - <snapshots> - <enabled>true</enabled> - </snapshots> - <id>snapshots.jboss.org</id> - <url>http://snapshots.jboss.org/maven2</url> - </repository> </repositories> <build> <plugins> <plugin> - <groupId>org.apache.maven.plugins</groupId> - <artifactId>maven-compiler-plugin</artifactId> - <configuration> - <source>1.5</source> - <target>1.5</target> - </configuration> - </plugin> - <plugin> <groupId>org.codehaus.cargo</groupId> <artifactId>cargo-maven2-plugin</artifactId> <version>0.3.1</version> @@ -217,44 +183,6 @@ </modules> <dependencies> <dependency> - <groupId>com.sun.facelets</groupId> - <artifactId>jsf-facelets</artifactId> - <version>1.1.14</version> - </dependency> - <dependency> - <groupId>javax.el</groupId> - <artifactId>el-api</artifactId> - <version>1.0</version> - </dependency> - <dependency> - <groupId>el-impl</groupId> - <artifactId>el-impl</artifactId> - <version>1.0</version> - </dependency> - <dependency> - <groupId>javax.servlet</groupId> - <artifactId>servlet-api</artifactId> - <version>2.5</version> - <scope>provided</scope> - </dependency> - <dependency> - <groupId>javax.servlet.jsp</groupId> - <artifactId>jsp-api</artifactId> - <version>2.1</version> - <scope>provided</scope> - </dependency> - <dependency> - <groupId>javax.faces</groupId> - <artifactId>jsf-api</artifactId> - <version>1.2_10</version> - </dependency> - <dependency> - <groupId>javax.faces</groupId> - <artifactId>jsf-impl</artifactId> - <version>1.2_10</version> - <scope>runtime</scope> - </dependency> - <dependency> <groupId>org.testng</groupId> <artifactId>testng</artifactId> <version>5.8</version>

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11530 - trunk/docs/userguide/en/src/main/docbook/included.

by richfaces-svn-commits＠lists.jboss.org

Author: msorokin Date: 2008-12-03 13:14:29 -0500 (Wed, 03 Dec 2008) New Revision: 11530 Modified: trunk/docs/userguide/en/src/main/docbook/included/editor.xml Log: https://jira.jboss.org/jira/browse/JBDS-426 Configuration attribute is documented Modified: trunk/docs/userguide/en/src/main/docbook/included/editor.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/editor.xml 2008-12-03 18:14:29 UTC (rev 11529) +++ trunk/docs/userguide/en/src/main/docbook/included/editor.xml 2008-12-03 18:14:29 UTC (rev 11530) @@ -196,8 +196,49 @@ </itemizedlist> - <para></para> + <para> + You also might want to add some custom plug-ins to your editor. + You can read about how to create a plug-in <ulink url="http://wiki.moxiecode.com/index.php/TinyMCE:Creating_Plugin">here</ulink>. + </para> + <para> + Adding a custom plug-in also requires a few steps to take. Though the procedure is very similar to adding a configuration file. + + </para> + + <para>This is what you need to add a plug-in:</para> + + <itemizedlist> + <listitem><para>Create a .properties file and put the name of the plug-in and a path to it there. The file can contain multiple plug-ins declarations. Your .properties file should be like this. </para> + <programlisting role="XML"><![CDATA[... +pluginName=/mytinymceplugins/plugin1Name/editor_plugin.js +...]]></programlisting> + + </listitem> + <listitem> + <para>Use the <property>"customPlugins"</property> attribute to specify the .properties file with a plug-in name and a path to it.</para> + <para>Example:</para> + <para>If your .properties file is named "myPlugins", then your will have this code on the page.</para> + <programlisting role="XML"><![CDATA[... +<rich:editor theme="advanced" customPlugins="myPlugins" plugins="pluginName"> +...]]></programlisting> + + </listitem> + + <note><title>Note:</title> + + <para> + +Some plug-ins which available for download could have some dependencies to TinyMCE scripts. +For example, dialog pop-ups requires tiny_mce_popup.js. +Taking into consideration that developer will not plug our custom plugins to the RF jar with editor component +(as opposite to standard tinyMCE plugins creation, which means that plugins will be put into tinyMCE corersponding directory) - + the developer should manually add needed tinyMCE scripts to some folder and correct the js includes. + </para> + </note> + + </itemizedlist> + </section> @@ -213,58 +254,7 @@  <section> <title>JavaScript API</title> - <table> - <title>JavaScript API</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Function</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>enable()</entry> - <entry>Enables the component</entry> - </row> - <row> - <entry>disable()</entry> - <entry>Disables the component</entry> - </row> - <row> - <entry>stop()</entry> - <entry>Stops the uploading - process</entry> - </row> - <row> - <entry>clear()</entry> - <entry>Removes all files from the list. - The function can also get the - $('id').component.entries[i] - as a parameter to remove a - particular file. </entry> - </row> - <row> - <entry> submitForm() </entry> - <entry> Submits form to server. All - added files will be put to - model and event. </entry> - </row> - <row> - <entry> beforeSubmit() </entry> - <entry> Sets up necessary request - parameters for file uploading - and submits form to server by - command button. This method - should be used together with - commands </entry> - </row> - </tbody> - </tgroup> - </table> - - - + @@ -282,7 +272,7 @@ <property>skin parameters.</property> </emphasis></para> <para>There are two ways to redefine the appearance of all <emphasis role="bold"> - <property><rich:fileUpload></property> + <property><rich:editor></property> </emphasis> components at once: <itemizedlist> <listitem> <para>Redefine the corresponding skin @@ -291,7 +281,7 @@ <listitem> <para> Add to your style sheets style classes used by a <emphasis role="bold"> - <property><rich:fileUpload></property> + <property><rich:editor></property> </emphasis> component</para> </listitem> </itemizedlist> @@ -301,531 +291,29 @@ <section> <title>Skin Parameters Redefinition</title> - <table> + <title>Skin parameters redefinition for a component</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBackgroundColor</entry> - <entry>background-color</entry> - </row> - <row> - <entry>tableBorderColor</entry> - <entry>border-color</entry> - </row> - </tbody> - </tgroup> - </table> - - <table> - <title>Skin parameters redefinition for a font</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>generalFamilyFont</entry> - <entry>font-family</entry> - </row> - <row> - <entry>generalSizeFont</entry> - <entry>font-size</entry> - </row> - </tbody> - </tgroup> - </table> - - <table> - <title>Skin parameters redefinition for a toolbar</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>additionalBackgroundColor</entry> - <entry>background-color</entry> - </row> - <row> - <entry>tableBorderColor</entry> - <entry>border-bottom-color</entry> - </row> - <row> - <entry>tableBackgroundColor</entry> - <entry>border-top-color</entry> - </row> - <row> - <entry>tableBackgroundColor</entry> - <entry>border-left-color</entry> - </row> - - </tbody> - </tgroup> - </table> - - <table> - <title>Skin parameters redefinition for items in the list</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>border-bottom-color</entry> - </row> - </tbody> - </tgroup> - </table> - - <table> - <title>Skin parameters redefinition for a "Cancel", - "Clear" links</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>generalLinkColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> - - <table> - <title>Skin parameters redefinition for a button</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>trimColor</entry> - <entry>background-color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a button border</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>border-color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a highlighted button</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>trimColor</entry> - <entry>background-color</entry> - </row> - <row> - <entry>selectControlColor</entry> - <entry>border-color</entry> - </row> - </tbody> - </tgroup> - </table> - - <table> - <title>Skin parameters redefinition for a pressed button</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>selectControlColor</entry> - <entry>border-color</entry> - </row> - <row> - <entry>additionalBackgroundColor</entry> - <entry>background-color</entry> - </row> - </tbody> - </tgroup> - </table> - - <table> - <title>Skin parameters redefinition for "Upload", - "Clean" buttons</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>generalTextColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a disabled - "Start" button icon</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a disabled - "Clear" button icon</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> + </section> <section> <title>Definition of Custom Style Classes</title> - <para>The following picture illustrates how CSS classes define styles for - component elements.</para> - <figure> - <title>Classes names</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_cn.png"/> - </imageobject> - </mediaobject> - </figure> - <figure> - <title>Classes names</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_cn2.png"/> - </imageobject> - </mediaobject> - </figure> - - <table> - <title>Classes names that define buttons representation</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Class name</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>rich-fileupload-button</entry> - <entry>Defines styles for a - buttons</entry> - </row> - <row> - <entry>rich-fileupload-button-border</entry> - <entry>Defines styles for a border of - buttons</entry> - </row> - <row> - <entry>rich-fileupload-button-light</entry> - <entry>Defines styles for a highlight of - button</entry> - </row> - <row> - <entry>rich-fileupload-button-press</entry> - <entry>Defines styles for a pressed - button</entry> - </row> - <row> - <entry>rich-fileupload-button-dis</entry> - <entry>Defines styles for a disabled - button</entry> - </row> - <row> - <entry>rich-fileupload-button-selection</entry> - <entry>Defines styles for - "Upload", - "Clean" - buttons</entry> - </row> - </tbody> - </tgroup> - </table> + + - <table> - <title>Classes names that define the representation of the buttons' - icons</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Class name</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>rich-fileupload-ico</entry> - <entry>Defines styles for an - icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-add</entry> - <entry>Defines styles for a - "Add" button - icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-start</entry> - <entry>Defines styles for a - "Upload" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-stop</entry> - <entry>Defines styles for a - "Stop" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-clear</entry> - <entry>Defines styles for a - "Clear" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-add-dis</entry> - <entry>Defines styles for a disabled - "Add" button - icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-start-dis</entry> - <entry>Defines styles for a disabled - "Upload" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-clear-dis</entry> - <entry>Defines styles for a disabled - "Clear" - button icon</entry> - </row> - </tbody> - </tgroup> - </table> - - <table> - <title>Classes names that define list items representation</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Class name</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>rich-fileupload-table-td</entry> - <entry>Defines styles for a wrapper - <td> element of - a list items</entry> - </row> - <row> - <entry>rich-fileupload-anc</entry> - <entry>Defines styles for - "Cancel", - "Stop", - "Clear" - links</entry> - </row> - </tbody> - </tgroup> - </table> - - - <para>In order to redefine styles for all <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> components on a page using CSS, it's enough to - create classes with the same names (possible classes could be found in - the tables <link linkend="fileUploadCN"> above</link>) and define - necessary properties in them. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="CSS"><![CDATA[... -.rich-fileupload-anc{ - font-weight:bold; - text-decoration:none; -} -...]]></programlisting> - - <para>This is the result:</para> - - <figure> - <title>Redefinition styles with predefined classes</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_pc.png"/> - </imageobject> - </mediaobject> - </figure> - - <para>In the example above the font weight and text decoration for - "Cancel" and "Clear" links are - changed.</para> - - <para> Also it's possible to change styles of particular <emphasis - role="bold"> - <property><rich:fileUpload></property> - </emphasis> component. In this case you should create own style - classes and use them in the corresponding <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> - <emphasis> - <property>styleClass</property> - </emphasis> attributes. An example is placed below: </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="CSS"><![CDATA[... -.myClass{ - font-weight:bold; -} -...]]></programlisting> - <para> The <emphasis> - <property>"addButtonClass"</property> - </emphasis> attribute for <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> is defined as it's shown in the example below: </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[<rich:fileUpload ... addButtonClass="myClass"/> -]]></programlisting> - - <para>This is the result:</para> - <figure> - <title>Redefinition styles with own classes and <emphasis> - <property>styleClass</property> - </emphasis> attributes</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_oc.png"/> - </imageobject> - </mediaobject> - </figure> - - <para>As it could be seen on the picture above, the font style for - "Add" button is changed.</para> - </section> <section> <title>Relevant Resources Links</title> <para><ulink - url="http://livedemo.exadel.com/richfaces-demo/richfaces/fileUpload.jsf?c=file..." + url="http://livedemo.exadel.com/richfaces-demo/richfaces/fileUpload.jsf?c=editor" >Here</ulink> you can see an example of <emphasis role="bold"> - <property><rich:fileUpload></property> + <property><rich:editor></property> </emphasis> usage and sources for the given example. </para> </section> -</section> - +</section> \ No newline at end of file

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11529 - trunk/docs/userguide/en/src/main/docbook/included.

by richfaces-svn-commits＠lists.jboss.org

Author: atsebro Date: 2008-12-03 13:14:29 -0500 (Wed, 03 Dec 2008) New Revision: 11529 Modified: trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml Log: RF-5097:fileUpload component description update Modified: trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml 2008-12-03 17:25:50 UTC (rev 11528) +++ trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml 2008-12-03 18:14:29 UTC (rev 11529) @@ -1,366 +1,334 @@ <?xml version="1.0" encoding="UTF-8"?> <section> - <sectioninfo> - <keywordset> - <keyword>rich:fileUpload</keyword> - <keyword>fileUpload</keyword> - </keywordset> - </sectioninfo> - <table> - <title>Component identification parameters</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Name</entry> - <entry>Value</entry> - </row> - </thead> - <tbody> - <row> - <entry>component-type</entry> - <entry>org.richfaces.component.FileUpload</entry> - </row> - <row> - <entry>component-class</entry> - <entry>org.richfaces.component.html.HtmlFileUpload</entry> - </row> - <row> - <entry>component-family</entry> - <entry>org.richfaces.component.FileUpload</entry> - </row> - <row> - <entry>renderer-type</entry> - <entry>org.richfaces.renderkit.html.FileUploadRenderer</entry> - </row> - <row> - <entry>tag-class</entry> - <entry>org.richfaces.taglib.FileUploadTag</entry> - </row> - </tbody> - </tgroup> - </table> - <section> - <title>Creating the Component with a Page Tag</title> - <para>To create the simplest variant on a page use the following syntax:</para> + <sectioninfo> + <keywordset> + <keyword>rich:fileUpload</keyword> + <keyword>fileUpload</keyword> + </keywordset> + </sectioninfo> + <table> + <title>Component identification parameters</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Name</entry> + <entry>Value</entry> + </row> + </thead> + <tbody> + <row> + <entry>component-type</entry> + <entry>org.richfaces.component.FileUpload</entry> + </row> + <row> + <entry>component-class</entry> + <entry>org.richfaces.component.html.HtmlFileUpload</entry> + </row> + <row> + <entry>component-family</entry> + <entry>org.richfaces.component.FileUpload</entry> + </row> + <row> + <entry>renderer-type</entry> + <entry>org.richfaces.renderkit.html.FileUploadRenderer</entry> + </row> + <row> + <entry>tag-class</entry> + <entry>org.richfaces.taglib.FileUploadTag</entry> + </row> + </tbody> + </tgroup> + </table> + <section> + <title>Creating the Component with a Page Tag</title> + <para>To create the simplest variant on a page use the following syntax:</para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload /> ...]]></programlisting> - </section> - <section> - <title>Creating the Component Dynamically Using Java</title> + </section> + <section> + <title>Creating the Component Dynamically Using Java</title> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="JAVA"><![CDATA[import org.richfaces.component.html.HtmlFileUpload; + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="JAVA"><![CDATA[import org.richfaces.component.html.HtmlFileUpload; ... HtmlFileUpload myFileUpload = new HtmlFileUpload(); ...]]></programlisting> - </section> - <section> - <title>Details of Usage</title> - <para>The <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component consists of two parts:<itemizedlist> - <listitem> - <para> - <property>List of files</property> which - contains the list of currently chosen - files to upload with possibility to - manage every file </para> - </listitem> - <listitem> - <para> - <property>Component controls</property> - - the bar with controls for managing the - whole component </para> - </listitem> - </itemizedlist> - </para> + </section> + <section> + <title>Details of Usage</title> + <para>The <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component consists of two parts:<itemizedlist> + <listitem> + <para> + <property>List of files</property> which contains the list of currently + chosen files to upload with possibility to manage every file </para> + </listitem> + <listitem> + <para> + <property>Component controls</property> - the bar with controls for managing + the whole component </para> + </listitem> + </itemizedlist> + </para> - <para> There are two places where uploaded files are stored: </para> - <itemizedlist> - <listitem> - <para> In the temporary folder (depends on OS) if the value - of the <code>createTempFile</code> parameter in - <property>Ajax4jsf Filter</property> - section is "true" (by Default) </para> - <programlisting role="XML"><![CDATA[... + <para> There are two places where uploaded files are stored: </para> + <itemizedlist> + <listitem> + <para> In the temporary folder (depends on OS) if the value of the + <code>createTempFile</code> parameter in <property>Ajax4jsf + Filter</property> section is "true" (by Default) </para> + <programlisting role="XML"><![CDATA[... <init-param> <param-name>createTempFiles</param-name> <param-value>true</param-value> </init-param> ...]]></programlisting> - </listitem> - <listitem> - <para> In the RAM if the value of the - <code>createTempFile</code> parameter in - <property>Ajax4jsf Filter</property> - section is "false". This is a - better way for storing small-sized files. </para> - </listitem> - </itemizedlist> + </listitem> + <listitem> + <para> In the RAM if the value of the <code>createTempFile</code> parameter in + <property>Ajax4jsf Filter</property> section is "false". + This is a better way for storing small-sized files. </para> + </listitem> + </itemizedlist> - <para> The <emphasis> - <property>"uploadData"</property> - </emphasis> attribute defines the collection of files uploaded. See - the example below. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> The <emphasis> + <property>"uploadData"</property> + </emphasis> attribute defines the collection of files uploaded. See the example below. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload uploadData="#{bean.data}"/> ...]]></programlisting> - <para>The <emphasis> - <property>"fileUploadedListener"</property> - </emphasis> is called at server side after every file uploaded and - used for the saving files from temporary folder or RAM. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para>The <emphasis> + <property>"fileUploadedListener"</property> + </emphasis> is called at server side after every file uploaded and used for the saving + files from temporary folder or RAM. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload uploadData="#{bean.data}" fileUploadListener="#{bean.listener}"/> ...]]></programlisting> - <para> - The following methods of processing the uploaded files are: - </para> - <itemizedlist> - <listitem> - <para> - <code>isMultiUpload()</code>. It returns "true" if several files have been uploaded - </para> - </listitem> - <listitem> - <para> - <code>getUploadItems()</code>. It returns the list of the uploaded files. - If one file was uploaded, the <code>getUploadItems()</code> method will return the list consisting of one file - </para> - </listitem> - <listitem> - <para> - <code>getUploadItem()</code>. It returns the whole list in case of uploading one file only. If several files were uploaded, the <code>getUploadItem()</code> method will return the first element of the uploaded files list. - </para> - </listitem> - </itemizedlist> - <para> Automatically files uploading could be performed by means of the <emphasis> - <property> "immediateUpload"</property> - </emphasis> attribute. If the value of this attribute is - "true" files are uploaded automatically once they - have been added into the list. All next files in the list are uploaded - automatically one by one. If you cancel uploading process next files - aren't started to upload till you press the - "Upload" button or clear the list. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> The following methods of processing the uploaded files are: </para> + <itemizedlist> + <listitem> + <para> + <code>isMultiUpload()</code>. It returns "true" if several + files have been uploaded </para> + </listitem> + <listitem> + <para> + <code>getUploadItems()</code>. It returns the list of the uploaded files. If one + file was uploaded, the <code>getUploadItems()</code> method will return the list + consisting of one file </para> + </listitem> + <listitem> + <para> + <code>getUploadItem()</code>. It returns the whole list in case of uploading one + file only. If several files were uploaded, the <code>getUploadItem()</code> + method will return the first element of the uploaded files list. </para> + </listitem> + </itemizedlist> + <para> Automatically files uploading could be performed by means of the <emphasis> + <property> "immediateUpload"</property> + </emphasis> attribute. If the value of this attribute is "true" files + are uploaded automatically once they have been added into the list. All next files in + the list are uploaded automatically one by one. If you cancel uploading process next + files aren't started to upload till you press the "Upload" + button or clear the list. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload uploadData="#{bean.data}" fileUploadListener="#{bean.listener}" immediateUpload="true"/> ...]]></programlisting> - <para> The <emphasis> - <property> "autoclear"</property> - </emphasis> attribute is used to remove automatically files from the - list after upload completed. See the simple example below. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> The <emphasis> + <property> "autoclear"</property> + </emphasis> attribute is used to remove automatically files from the list after upload + completed. See the simple example below. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload uploadData="#{bean.data}" autoclear="true"/> ...]]></programlisting> + <para> Each file in list waiting for upload has link "Cancel" opposite its name. + Clicking this link invokes JS API <code>remove()</code> function, which gets <code>$('id').component.entries[i]</code> as a parameter + and removes the particular file from list and from the queue for upload. + After a file has been uploaded the link "Cancel" changes to "Clear". + Clicking "Clear" invokes <code>clear()</code> JS API function, which also gets ID of the particular entry and removes it from the list. + Uploaded to server file itself is kept untouched. + </para> +  -  - - <para> The <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component provides following restrictions: </para> - <itemizedlist> - <listitem> - <para> On <property> file types</property>, use <emphasis> - <property> - "acceptedTypes"</property> - </emphasis> attribute to define file types - accepted by component. In the example below only - files with "html" and - "jpg" extensions are accepted to - upload. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> The <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component provides following restrictions: </para> + <itemizedlist> + <listitem> + <para> On <property> file types</property>, use <emphasis> + <property> "acceptedTypes"</property> + </emphasis> attribute to define file types accepted by component. In the example + below only files with "html" and "jpg" + extensions are accepted to upload. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload acceptedTypes="html, jpg"/> ...]]></programlisting> - </listitem> - <listitem> - <para> On <property> file size</property>, use the - <code>maxRequestSize</code> - parameter(value in bytes) inside - <property>Ajax4jsf Filter</property> - section in <property>web.xml</property>: </para> - <programlisting role="XML"><![CDATA[... + </listitem> + <listitem> + <para> On <property> file size</property>, use the <code>maxRequestSize</code> + parameter(value in bytes) inside <property>Ajax4jsf Filter</property> section in + <property>web.xml</property>: </para> + <programlisting role="XML"><![CDATA[... <init-param> <param-name>maxRequestSize</param-name> <param-value>1000000</param-value> </init-param> ...]]></programlisting> - </listitem> - <listitem> - <para> On <property>max files quantity</property>, use the <emphasis> - <property> - "maxFilesQuantity"</property> - </emphasis> attribute to define max number of - files allowed to be uploaded. After a number of - files in the list equals to the value of this - attribute "Add" button is - disabled and nothing could be uploaded even if you - clear the whole list. In order to upload files - again you should rerender the component. As it - could be seen in the example below, only 2 files - are accepted for uploading. </para> + </listitem> + <listitem> + <para> On <property>max files quantity</property>, use the <emphasis> + <property> "maxFilesQuantity"</property> + </emphasis> attribute to define max number of files allowed to be uploaded. + After a number of files in the list equals to the value of this attribute + "Add" button is disabled and nothing could be uploaded even if + you clear the whole list. In order to upload files again you should rerender the + component. As it could be seen in the example below, only 2 files are accepted + for uploading. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload maxFilesQuantity="2"/> ...]]></programlisting> - <para> This is the result: </para> - <figure> - <title><emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis>with <emphasis> - <property> - "maxFilesQuantity"</property> - </emphasis> attribute</title> - <mediaobject> - <imageobject> - <imagedata - fileref="images/fileUpload2.png" - /> - </imageobject> - </mediaobject> - </figure> - </listitem> - </itemizedlist> + <para> This is the result: </para> + <figure> + <title><emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis>with <emphasis> + <property> "maxFilesQuantity"</property> + </emphasis> attribute</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload2.png"/> + </imageobject> + </mediaobject> + </figure> + </listitem> + </itemizedlist> - <para id="fileUploadEventAttributes">The <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component provides a number of specific event attributes: </para> - <itemizedlist> + <para id="fileUploadEventAttributes">The <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component provides a number of specific event attributes: </para> + <itemizedlist> - <listitem> - <para> The <emphasis> - <property> - "onadd"</property> - </emphasis>a event handler called on an add file - operation </para> - </listitem> + <listitem> + <para> The <emphasis> + <property> "onadd"</property> + </emphasis>a event handler called on an add file operation </para> + </listitem> - <listitem> - <para> The <emphasis> - <property> - "onupload"</property> - </emphasis> which gives you a possibility to - cancel the upload at client side </para> - </listitem> - <listitem> - <para> The <emphasis> - <property> - "onuploadcomplete"</property> - </emphasis> which is called after all files from - the list are uploaded </para> - </listitem> - <listitem> - <para> The <emphasis> - <property> - "onuploadcanceled"</property> - </emphasis> which is called after upload has been - canceled via cancel control </para> - </listitem> - <listitem> - <para> The <emphasis> - <property> - "onerror"</property> - </emphasis> which is called if the file upload was - interrupted according to any errors </para> - </listitem> - </itemizedlist> + <listitem> + <para> The <emphasis> + <property> "onupload"</property> + </emphasis> which gives you a possibility to cancel the upload at client side + </para> + </listitem> + <listitem> + <para> The <emphasis> + <property> "onuploadcomplete"</property> + </emphasis> which is called after all files from the list are uploaded </para> + </listitem> + <listitem> + <para> The <emphasis> + <property> "onuploadcanceled"</property> + </emphasis> which is called after upload has been canceled via cancel control + </para> + </listitem> + <listitem> + <para> The <emphasis> + <property> "onerror"</property> + </emphasis> which is called if the file upload was interrupted according to any + errors </para> + </listitem> + </itemizedlist> -  - <para> The <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component has an embedded Flash module that adds extra - functionality to the component. The module is enabled with <emphasis> - <property> "allowFlash"</property> - </emphasis> attribute set to "true". </para> - <para>These are the additional features that the Flash module provides:</para> +  + <para> The <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component has an embedded Flash module that adds extra functionality to the + component. The module is enabled with <emphasis> + <property> "allowFlash"</property> + </emphasis> attribute set to "true". </para> + <para>These are the additional features that the Flash module provides:</para> - <itemizedlist> - <listitem> - <para>Multiple files choosing;</para> - </listitem> - <listitem> - <para>Permitted file types are specified in the - "Open File" dialog - window;</para> - </listitem> - <listitem> - <para>A number of additional entry object properties are - also available, which can be found <link - linkend="objectProperties">here</link>. - </para> - </listitem> - </itemizedlist> + <itemizedlist> + <listitem> + <para>Multiple files choosing;</para> + </listitem> + <listitem> + <para>Permitted file types are specified in the "Open File" dialog + window;</para> + </listitem> + <listitem> + <para>A number of additional entry object properties are also available, which can + be found <link linkend="objectProperties">here</link>. </para> + </listitem> + </itemizedlist> - <para>Apart from uploading files to the sever without using AJAX, the Flash - module provides a number of useful API functions that can be used to - obtain information about the uploaded file. </para> + <para>Apart from uploading files to the sever without using AJAX, the Flash module provides + a number of useful API functions that can be used to obtain information about the + uploaded file. </para> - <para>There are 2 ways to obtain the data stored in the FileUploadEntry object. </para> + <para>There are 2 ways to obtain the data stored in the FileUploadEntry object. </para> - <itemizedlist> - <listitem> - <para>By means of JavaScript on the client side. Use the - following syntax for that - <code>entries[i].propertyName</code>. - For example <code>entries[0].state</code> will - return the state of the file the is being - processed or has just been processed.</para> - </listitem> + <itemizedlist> + <listitem> + <para>By means of JavaScript on the client side. Use the following syntax for that + <code>entries[i].propertyName</code>. For example + <code>entries[0].state</code> will return the state of the file the is being + processed or has just been processed.</para> + </listitem> - <listitem> - <para>The properties of <code>FileUploadEntry</code> object - can be retrieved using the - <code>entry.propertyName</code> - expression in the specific event attributes. For - example, - <code>onupload="alert(event.memo.entry.fileName);" - </code> will display a message with the name of - the file at the very moment when upload operation - starts. A full list of properties can be found - <link - linkend="objectPropertiesWithAttributes" - >here</link>.</para> - </listitem> + <listitem> + <para>The properties of <code>FileUploadEntry</code> object can be retrieved using + the <code>entry.propertyName</code> expression in the specific event attributes. + For example, + <code>onupload="alert(event.memo.entry.fileName);" </code> + will display a message with the name of the file at the very moment when upload + operation starts. A full list of properties can be found <link + linkend="objectPropertiesWithAttributes">here</link>.</para> + </listitem> - </itemizedlist> - <para>The given bellow code sample demonstrates how the properties can be used. - Please study it carefully. </para> - <programlisting role="XML"><![CDATA[... + </itemizedlist> + <para>The given bellow code sample demonstrates how the properties can be used. Please study + it carefully. </para> + <programlisting role="XML"><![CDATA[... <head> <script> function _onaddHandler (e) { @@ -379,61 +347,53 @@ - <para> Moreover, embedded Flash module provides a smoother representation of - progress bar during the uploading process: the polling is performed is - not by AJAX, but my means of the flash module. </para> - <figure> - <title> Uploading using Flash module <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> - </title> - <mediaobject> - <imageobject> - <imagedata fileref="images/flash_fileUpload.png"/> - </imageobject> - </mediaobject> - </figure> + <para> Moreover, embedded Flash module provides a smoother representation of progress bar + during the uploading process: the polling is performed is not by AJAX, but my means of + the flash module. </para> + <figure> + <title> Uploading using Flash module <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> + </title> + <mediaobject> + <imageobject> + <imagedata fileref="images/flash_fileUpload.png"/> + </imageobject> + </mediaobject> + </figure> - <para>However, the Flash module doens't perform any visual - representation of the component.</para> + <para>However, the Flash module doens't perform any visual representation of the + component.</para> -  +  - <para> In order to customize the information regarding the ongoing process you - could use <emphasis> - <property>"label"</property> - </emphasis> facet with the following macrosubstitution: <itemizedlist> - <listitem> - <para> - <code> {B}</code>, <code>{KB}</code>, - <code>{MB}</code> contains the - size of file uploaded in bytes, - kilobytes, megabytes respectively - </para> - </listitem> - <listitem> - <para> - <code>{_B}</code>, <code>{_KB}</code>, - <code>{_MB}</code> contains - the remain file size to upload in bytes, - kilobytes, megabytes respectively - </para> - </listitem> - <listitem> - <para> - <code>{ss}</code>, <code>{mm}</code>, - <code>{hh}</code> contains - elapsed time in seconds, minutes and - hours respectively </para> - </listitem> - </itemizedlist> + <para> In order to customize the information regarding the ongoing process you could use <emphasis> + <property>"label"</property> + </emphasis> facet with the following macrosubstitution: <itemizedlist> + <listitem> + <para> + <code> {B}</code>, <code>{KB}</code>, <code>{MB}</code> contains the size of + file uploaded in bytes, kilobytes, megabytes respectively </para> + </listitem> + <listitem> + <para> + <code>{_B}</code>, <code>{_KB}</code>, <code>{_MB}</code> contains the + remain file size to upload in bytes, kilobytes, megabytes respectively </para> + </listitem> + <listitem> + <para> + <code>{ss}</code>, <code>{mm}</code>, <code>{hh}</code> contains elapsed + time in seconds, minutes and hours respectively </para> + </listitem> + </itemizedlist> + </para> -  - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload uploadData="#{bean.data}" fileUploadListener="#{bean.listener}"> <f:facet name="label"> <h:outputText value="{_KB}KB from {KB}KB uploaded --- {mm}:{ss}" /> </f:facet> </rich:fileUpload> ...]]></programlisting> - <para>This is the result:</para> - <figure> - <title> - <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> with <emphasis> - <property> "label"</property> - </emphasis> facet </title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload3.png"/> - </imageobject> - </mediaobject> - </figure> + <para>This is the result:</para> + <figure> + <title> + <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> with <emphasis> + <property> "label"</property> + </emphasis> facet </title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload3.png"/> + </imageobject> + </mediaobject> + </figure> - <para>You could define labels of the <property>component controls</property> - with the help of <emphasis> - <property> "addControlLabel"</property> - </emphasis>, <emphasis> - <property> - "clearAllControlLabel"</property> - </emphasis>, <emphasis> - <property> "clearControlLabel"</property> - </emphasis>, <emphasis> - <property> - "stopEntryControlLabel"</property> - </emphasis>, <emphasis> - <property> "uploadControlLabel"</property> - </emphasis> attributes. See the following example. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para>You could define labels of the <property>component controls</property> with the help + of <emphasis> + <property> "addControlLabel"</property> + </emphasis>, <emphasis> + <property> "clearAllControlLabel"</property> + </emphasis>, <emphasis> + <property> "clearControlLabel"</property> + </emphasis>, <emphasis> + <property> "stopEntryControlLabel"</property> + </emphasis>, <emphasis> + <property> "uploadControlLabel"</property> + </emphasis> attributes. See the following example. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload addControlLabel="Add file..." clearAllControlLabel="Clear all" clearControlLabel="Clear" stopEntryControlLabel="Stop process" uploadControlLabel="Upload file"/> ...]]></programlisting> - <para> This is the result: </para> - <figure> - <title> - <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> with labels </title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload4.png"/> - </imageobject> - </mediaobject> - </figure> - <para> The <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component allows to use sizes attributes: </para> - <itemizedlist> - <listitem> - <para> - <emphasis> - <property> - "listHeight"</property> - </emphasis> attribute specify height for list of - files in pixels </para> - </listitem> - <listitem> - <para> - <emphasis> - <property> - "listWidth"</property> - </emphasis> attribute specify width for list of - files in pixels </para> - </listitem> - </itemizedlist> + <para> This is the result: </para> + <figure> + <title> + <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> with labels </title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload4.png"/> + </imageobject> + </mediaobject> + </figure> + <para> The <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component allows to use sizes attributes: </para> + <itemizedlist> + <listitem> + <para> + <emphasis> + <property> "listHeight"</property> + </emphasis> attribute specify height for list of files in pixels </para> + </listitem> + <listitem> + <para> + <emphasis> + <property> "listWidth"</property> + </emphasis> attribute specify width for list of files in pixels </para> + </listitem> + </itemizedlist> - <para> In order to disable the whole component you could use the <emphasis> - <property> "disabled"</property> - </emphasis> attribute. See the following example. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para> In order to disable the whole component you could use the <emphasis> + <property> "disabled"</property> + </emphasis> attribute. See the following example. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload disabled="true"/> ...]]></programlisting> - <para>This is the result:</para> - <figure> - <title> - <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis>with <emphasis> - <property> "disabled"</property> - </emphasis> attribute </title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload5.png"/> - </imageobject> - </mediaobject> - </figure> - <para>It's possible to handle events for fileUpload using JavaScript - code. A simplest example of usage JavaScript API is placed below:</para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[... + <para>This is the result:</para> + <figure> + <title> + <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis>with <emphasis> + <property> "disabled"</property> + </emphasis> attribute </title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload5.png"/> + </imageobject> + </mediaobject> + </figure> + <para>It's possible to handle events for fileUpload using JavaScript code. A + simplest example of usage JavaScript API is placed below:</para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[... <rich:fileUpload id="upload" disabled="false"/> <h:commandButton onclick="${rich:component('upload')}.disable();" value="Disable" /> ...]]></programlisting> - <para> - <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component also provides a number of JavaScript property, - that can be used to process uploaded files, file states etc. The given - below example illustrates how the <code>entries[0].state</code> - property can be used to get access to the file state. Full list of - JavaScript properties can be found <link linkend="objectProperties" - >below</link>. </para> + <para> + <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component also provides a number of JavaScript property, that can be used to + process uploaded files, file states etc. The given below example illustrates how the + <code>entries[0].state</code> property can be used to get access to the file state. + Full list of JavaScript properties can be found <link linkend="objectProperties" + >below</link>. </para> - <programlisting role="XML"><![CDATA[... + <programlisting role="XML"><![CDATA[... <rich:fileUpload fileUploadListener="#{fileUploadBean.listener}" maxFilesQuantity="#{fileUploadBean.uploadsAvailable}" - reRender="table" id="upload" + id="upload" immediateUpload="#{fileUploadBean.autoUpload}" acceptedTypes="jpg, gif, png, bmp"> <a4j:support event="onuploadcomplete" reRender="info" /> @@ -580,1051 +533,834 @@ ...]]></programlisting> - <para>The <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component allows to use internationalization method to - redefine and localize the labels. You could use application resource - bundle and define <code>RICH_FILE_UPLOAD_CANCEL_LABEL</code>, - <code>RICH_FILE_UPLOAD_STOP_LABEL</code>, - <code>RICH_FILE_UPLOAD_ADD_LABEL</code>, - <code>RICH_FILE_UPLOAD_UPLOAD_LABEL</code>, - <code>RICH_FILE_UPLOAD_CLEAR_LABEL</code>, - <code>RICH_FILE_UPLOAD_CLEAR_ALL_LABEL</code>, - <code>RICH_FILE_UPLOAD_PROGRESS_LABEL</code>, - <code>RICH_FILE_UPLOAD_SIZE_ERROR_LABLE</code>, - <code>RICH_FILE_UPLOAD_TRANSFER_ERROR_LABLE</code>, - <code>RICH_FILE_UPLOAD_ENTRY_STOP_LABEL</code>, - <code>RICH_FILE_UPLOAD_ENTRY_CLEAR_LABEL</code>, - <code>RICH_FILE_UPLOAD_ENTRY_CANCEL_LABEL</code> there. </para> + <para>The <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component allows to use internationalization method to redefine and localize + the labels. You could use application resource bundle and define + <code>RICH_FILE_UPLOAD_CANCEL_LABEL</code>, + <code>RICH_FILE_UPLOAD_STOP_LABEL</code>, <code>RICH_FILE_UPLOAD_ADD_LABEL</code>, + <code>RICH_FILE_UPLOAD_UPLOAD_LABEL</code>, + <code>RICH_FILE_UPLOAD_CLEAR_LABEL</code>, + <code>RICH_FILE_UPLOAD_CLEAR_ALL_LABEL</code>, + <code>RICH_FILE_UPLOAD_PROGRESS_LABEL</code>, + <code>RICH_FILE_UPLOAD_SIZE_ERROR_LABLE</code>, + <code>RICH_FILE_UPLOAD_TRANSFER_ERROR_LABLE</code>, + <code>RICH_FILE_UPLOAD_ENTRY_STOP_LABEL</code>, + <code>RICH_FILE_UPLOAD_ENTRY_CLEAR_LABEL</code>, + <code>RICH_FILE_UPLOAD_ENTRY_CANCEL_LABEL</code> there. </para> - <para> The <emphasis role="bold"><property><rich:fileUpload></property></emphasis> component could work together with Seam framework. - <ulink url="http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/...">Here</ulink> - you can see how to configure filter for this framework in web.xml file in order to handle <emphasis role="bold"><property><rich:fileUpload></property></emphasis> requests. - </para> - <para>To make <property><rich:fileUpload></property> component work properly with MyFaces extensions, - the order in which filters are defined and mapped in web.xml, is important. - See <ulink url="http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/...">corresponding FAQ chapter</ulink>. - </para> + <para> The <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component could work together with Seam framework. <ulink + url="http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/..." + >Here</ulink> you can see how to configure filter for this framework in web.xml file + in order to handle <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> requests. </para> + <para>To make <property><rich:fileUpload></property> component work properly + with MyFaces extensions, the order in which filters are defined and mapped in web.xml, + is important. See <ulink + url="http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/..." + >corresponding FAQ chapter</ulink>. </para> - </section> -  - <section> - <title>JavaScript API</title> - <table> - <title>JavaScript API</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Function</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>enable()</entry> - <entry>Enables the component</entry> - </row> - <row> - <entry>disable()</entry> - <entry>Disables the component</entry> - </row> - <row> - <entry>stop()</entry> - <entry>Stops the uploading - process</entry> - </row> - <row> - <entry>clear()</entry> - <entry>Removes all files from the list. - The function can also get the - $('id').component.entries[i] - as a parameter to remove a - particular file. </entry> - </row> - <row> - <entry> submitForm() </entry> - <entry> Submits form to server. All - added files will be put to - model and event. </entry> - </row> - <row> - <entry> beforeSubmit() </entry> - <entry> Sets up necessary request - parameters for file uploading - and submits form to server by - command button. This method - should be used together with - commands </entry> - </row> - </tbody> - </tgroup> - </table> + </section> +  + <section> + <title>JavaScript API</title> + <table> + <title>JavaScript API</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Function</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>beforeSubmit()</entry> + <entry>Sets up necessary request parameters for file uploading and submits + form to server by command button. This method should be used together + with commands. </entry> + </row> + <row> + <entry>clear()</entry> + <entry>Removes all files from the list. The function can also get the <code>$('id').component.entries[i]</code> as a parameter to remove a particular file.</entry> + </row> - <table id="objectProperties"> - <title>Client side object properties</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Property</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> + <row> + <entry>disable()</entry> + <entry>Disables the component</entry> + </row> - <row> - <entry>entries</entry> - <entry>Returns a array of all files in - the list </entry> - </row> + <row> + <entry>enable()</entry> + <entry>Enables the component</entry> + </row> + <row> + <entry>remove()</entry> + <entry>Cancels the request for uploading a file by removing this file from + upload list and upload queue. Gets <code>$('id').component.entries[i]</code> as a parameter.</entry> + </row> + <row> + <entry>stop()</entry> + <entry>Stops the uploading process</entry> + </row> - <row> - <entry>entries.length</entry> - <entry>Returns the number of files in - the list </entry> - </row> + <row> + <entry>submitForm()</entry> + <entry>Submits form to server. All added files will be put to model and + event.</entry> + </row> + </tbody> + </tgroup> + </table> - <row> - <entry>entries[i].fileName</entry> - <entry>Returns the file name, that is - retrieved by the array index - </entry> - </row> + <table id="objectProperties"> + <title>Client side object properties</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Property</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> - <row> - <entry>entries[i].state </entry> - <entry>Returns the file state. Possible - states are <itemizedlist> + <row> + <entry>entries</entry> + <entry>Returns a array of all files in the list </entry> + </row> - <listitem> - <para>"initialized" - - - the - file - is - added, - corresponds - to - FileUploadEntry.INITIALIZED - constant - </para> - </listitem> - <listitem> - <para>"progress" - - - the - file - is - being - uploaded, - corresponds - to - FileUploadEntry.UPLOAD_IN_PROGRESS - constant</para> - </listitem> - <listitem> - <para>"ready" - - - uploading - is - in - process, - corresponds - to - FileUploadEntry.READY - constant - The - file - will - be - uploaded - on - queue - order.</para> - </listitem> - <listitem> - <para>"canceled" - - - uploading - of - the - file - is - canceled, - corresponds - to - FileUploadEntry.UPLOAD_CANCELED - constant - </para> - </listitem> - <listitem> - <para>"done" - - - the - file - is - uploaded - successfully, - corresponds - to - FileUploadEntry.UPLOAD_SUCCESS - constant</para> - </listitem> - <listitem> - <para>"transfer_error" - - - a - file - transfer - error - occurred, - corresponds - to - FileUploadEntry.UPLOAD_TRANSFER_ERROR - constant - </para> - </listitem> - <listitem> - <para>"size_error" - - - the - file - exceeded - maximum - size, - corresponds - to - FileUploadEntry.UPLOAD_SIZE_ERROR - constant</para> - </listitem> - </itemizedlist> - </entry> - </row> + <row> + <entry>entries.length</entry> + <entry>Returns the number of files in the list </entry> + </row> + <row> + <entry>entries[i].fileName</entry> + <entry>Returns the file name, that is retrieved by the array index </entry> + </row> - <row> - <entry>entries[i].size</entry> - <entry> Returns the size of the file. - Available in flash enabled - version only</entry> - </row> - <row> - <entry>entries[i].Type</entry> - <entry>Returns the mime type of the - file. Available in flash - enabled version only</entry> - </row> - <row> - <entry>entries[i].creator </entry> - <entry>Returns the name of the author of - the file. Available in flash - enabled version only</entry> - </row> - <row> - <entry>entries[i].creationDate</entry> - <entry>Returns the date when the file - was created. Available in - flash enabled version - only</entry> - </row> - <row> - <entry>entries[i].modificationDate</entry> - <entry>Returns the date of the last file - modification. Available in - flash enabled version - only</entry> - </row> + <row> + <entry>entries[i].state </entry> + <entry>Returns the file state. Possible states are <itemizedlist> + <listitem> + <para>"initialized" - the file is added, + corresponds to FileUploadEntry.INITIALIZED constant </para> + </listitem> + <listitem> + <para>"progress" - the file is being uploaded, + corresponds to FileUploadEntry.UPLOAD_IN_PROGRESS + constant</para> + </listitem> + <listitem> + <para>"ready" - uploading is in process, + corresponds to FileUploadEntry.READY constant The file will + be uploaded on queue order.</para> + </listitem> + <listitem> + <para>"canceled" - uploading of the file is + canceled, corresponds to FileUploadEntry.UPLOAD_CANCELED + constant </para> + </listitem> + <listitem> + <para>"done" - the file is uploaded + successfully, corresponds to FileUploadEntry.UPLOAD_SUCCESS + constant</para> + </listitem> + <listitem> + <para>"transfer_error" - a file transfer error + occurred, corresponds to + FileUploadEntry.UPLOAD_TRANSFER_ERROR constant </para> + </listitem> + <listitem> + <para>"size_error" - the file exceeded maximum + size, corresponds to FileUploadEntry.UPLOAD_SIZE_ERROR + constant</para> + </listitem> - </tbody> - </tgroup> - </table> + </itemizedlist> + </entry> + </row> - <table id="objectPropertiesWithAttributes"> - <title>Client side object properties available with specific <link - linkend="fileUploadEventAttributes"> event - attributes</link></title> - <tgroup cols="2"> - <thead> - <row> - <entry>Property</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> + <row> + <entry>entries[i].size</entry> + <entry> Returns the size of the file. Available in flash enabled version + only</entry> + </row> + <row> + <entry>entries[i].Type</entry> + <entry>Returns the mime type of the file. Available in flash enabled version + only</entry> + </row> + <row> + <entry>entries[i].creator </entry> + <entry>Returns the name of the author of the file. Available in flash + enabled version only</entry> + </row> + <row> + <entry>entries[i].creationDate</entry> + <entry>Returns the date when the file was created. Available in flash + enabled version only</entry> + </row> + <row> + <entry>entries[i].modificationDate</entry> + <entry>Returns the date of the last file modification. Available in flash + enabled version only</entry> + </row> - <row> - <entry>entry.state </entry> - <entry>Returns the file state. Possible - states are <itemizedlist> + </tbody> + </tgroup> + </table> - <listitem> - <para>"initialized" - - - the - file - is - added, - corresponds - to - FileUploadEntry.INITIALIZED - constant - </para> - </listitem> - <listitem> - <para>"progress" - - - the - file - is - being - uploaded, - corresponds - to - FileUploadEntry.UPLOAD_IN_PROGRESS - constant</para> - </listitem> - <listitem> - <para>"ready" - - - uploading - is - in - process, - corresponds - to - FileUploadEntry.READY - constant - The - file - will - be - uploaded - on - queue - order.</para> - </listitem> - <listitem> - <para>"canceled" - - - uploading - of - the - file - is - canceled, - corresponds - to - FileUploadEntry.UPLOAD_CANCELED - constant - </para> - </listitem> - <listitem> - <para>"done" - - - the - file - is - uploaded - successfully, - corresponds - to - FileUploadEntry.UPLOAD_SUCCESS - constant</para> - </listitem> - <listitem> - <para>"transfer_error" - - - a - file - transfer - error - occurred, - corresponds - to - FileUploadEntry.UPLOAD_TRANSFER_ERROR - constant - </para> - </listitem> - <listitem> - <para>"size_error" - - - the - file - exceeded - maximum - size, - corresponds - to - FileUploadEntry.UPLOAD_SIZE_ERROR - constant</para> - </listitem> - </itemizedlist> - </entry> - </row> - <row> - <entry>entry.fileName </entry> - <entry>Returns the file's name. - This property works with all - event handlers except for - "onadd". - </entry> - </row> + <table id="objectPropertiesWithAttributes"> + <title>Client side object properties available with specific <link + linkend="fileUploadEventAttributes"> event attributes</link></title> + <tgroup cols="2"> + <thead> + <row> + <entry>Property</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> - <row> - <entry>entry.size</entry> - <entry> Returns the size of the file. - Available in flash enabled - version only</entry> - </row> - <row> - <entry>entry.Type</entry> - <entry>Returns the mime type of the - file. Available in flash - enabled version only</entry> - </row> - <row> - <entry>entry.creator </entry> - <entry>Returns the name of the author of - the file. Available in flash - enabled version only</entry> - </row> - <row> - <entry>entry.creationDate</entry> - <entry>Returns the date when the file - was created. Available in - flash enabled version - only</entry> - </row> - <row> - <entry>entry.modificationDate</entry> - <entry>Returns the date of the last file - modification. Available in - flash enabled version - only</entry> - </row> + <row> + <entry>entry.state </entry> + <entry>Returns the file state. Possible states are <itemizedlist> + <listitem> + <para>"initialized" - the file is added, + corresponds to FileUploadEntry.INITIALIZED constant </para> + </listitem> + <listitem> + <para>"progress" - the file is being uploaded, + corresponds to FileUploadEntry.UPLOAD_IN_PROGRESS + constant</para> + </listitem> + <listitem> + <para>"ready" - uploading is in process, + corresponds to FileUploadEntry.READY constant The file will + be uploaded on queue order.</para> + </listitem> + <listitem> + <para>"canceled" - uploading of the file is + canceled, corresponds to FileUploadEntry.UPLOAD_CANCELED + constant </para> + </listitem> + <listitem> + <para>"done" - the file is uploaded + successfully, corresponds to FileUploadEntry.UPLOAD_SUCCESS + constant</para> + </listitem> + <listitem> + <para>"transfer_error" - a file transfer error + occurred, corresponds to + FileUploadEntry.UPLOAD_TRANSFER_ERROR constant </para> + </listitem> + <listitem> + <para>"size_error" - the file exceeded maximum + size, corresponds to FileUploadEntry.UPLOAD_SIZE_ERROR + constant</para> + </listitem> - </tbody> - </tgroup> - </table> + </itemizedlist> + </entry> + </row> + <row> + <entry>entry.fileName </entry> + <entry>Returns the file's name. This property works with all event + handlers except for "onadd". </entry> + </row> - </section> -  - <section> - <title>Look-and-Feel Customization</title> - <para>For skinnability implementation, the components use a <emphasis> - <property>style class redefinition method.</property> - </emphasis> Default style classes are mapped on <emphasis> - <property>skin parameters.</property> - </emphasis></para> - <para>There are two ways to redefine the appearance of all <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> components at once: <itemizedlist> - <listitem> - <para>Redefine the corresponding skin - parameters</para> - </listitem> - <listitem> - <para> Add to your style sheets style classes used - by a <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> component</para> - </listitem> - </itemizedlist> - </para> - </section> - <section> - <title>Skin Parameters Redefinition</title> + <row> + <entry>entry.size</entry> + <entry> Returns the size of the file. Available in flash enabled version + only</entry> + </row> + <row> + <entry>entry.Type</entry> + <entry>Returns the mime type of the file. Available in flash enabled version + only</entry> + </row> + <row> + <entry>entry.creator </entry> + <entry>Returns the name of the author of the file. Available in flash + enabled version only</entry> + </row> + <row> + <entry>entry.creationDate</entry> + <entry>Returns the date when the file was created. Available in flash + enabled version only</entry> + </row> + <row> + <entry>entry.modificationDate</entry> + <entry>Returns the date of the last file modification. Available in flash + enabled version only</entry> + </row> - <table> - <title>Skin parameters redefinition for a component</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBackgroundColor</entry> - <entry>background-color</entry> - </row> - <row> - <entry>tableBorderColor</entry> - <entry>border-color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a font</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>generalFamilyFont</entry> - <entry>font-family</entry> - </row> - <row> - <entry>generalSizeFont</entry> - <entry>font-size</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a toolbar</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>additionalBackgroundColor</entry> - <entry>background-color</entry> - </row> - <row> - <entry>tableBorderColor</entry> - <entry>border-bottom-color</entry> - </row> - <row> - <entry>tableBackgroundColor</entry> - <entry>border-top-color</entry> - </row> - <row> - <entry>tableBackgroundColor</entry> - <entry>border-left-color</entry> - </row> - </tbody> - </tgroup> - </table> + </tbody> + </tgroup> + </table> - <table> - <title>Skin parameters redefinition for items in the list</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>border-bottom-color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a "Cancel", - "Clear" links</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>generalLinkColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a button</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>trimColor</entry> - <entry>background-color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a button border</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>border-color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a highlighted button</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>trimColor</entry> - <entry>background-color</entry> - </row> - <row> - <entry>selectControlColor</entry> - <entry>border-color</entry> - </row> - </tbody> - </tgroup> - </table> + </section> +  + <section> + <title>Look-and-Feel Customization</title> + <para>For skinnability implementation, the components use a <emphasis> + <property>style class redefinition method.</property> + </emphasis> Default style classes are mapped on <emphasis> + <property>skin parameters.</property> + </emphasis></para> + <para>There are two ways to redefine the appearance of all <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> components at once: <itemizedlist> + <listitem> + <para>Redefine the corresponding skin parameters</para> + </listitem> + <listitem> + <para> Add to your style sheets style classes used by a <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component</para> + </listitem> + </itemizedlist> + </para> + </section> - <table> - <title>Skin parameters redefinition for a pressed button</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>selectControlColor</entry> - <entry>border-color</entry> - </row> - <row> - <entry>additionalBackgroundColor</entry> - <entry>background-color</entry> - </row> - </tbody> - </tgroup> - </table> + <section> + <title>Skin Parameters Redefinition</title> - <table> - <title>Skin parameters redefinition for "Upload", - "Clean" buttons</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>generalTextColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a disabled - "Start" button icon</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> - <table> - <title>Skin parameters redefinition for a disabled - "Clear" button icon</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Skin parameters</entry> - <entry>CSS properties</entry> - </row> - </thead> - <tbody> - <row> - <entry>tableBorderColor</entry> - <entry>color</entry> - </row> - </tbody> - </tgroup> - </table> - </section> + <table> + <title>Skin parameters redefinition for a component</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>tableBackgroundColor</entry> + <entry>background-color</entry> + </row> + <row> + <entry>tableBorderColor</entry> + <entry>border-color</entry> + </row> + </tbody> + </tgroup> + </table> - <section> - <title>Definition of Custom Style Classes</title> + <table> + <title>Skin parameters redefinition for a font</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>generalFamilyFont</entry> + <entry>font-family</entry> + </row> + <row> + <entry>generalSizeFont</entry> + <entry>font-size</entry> + </row> + </tbody> + </tgroup> + </table> - <para>The following picture illustrates how CSS classes define styles for - component elements.</para> - <figure> - <title>Classes names</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_cn.png"/> - </imageobject> - </mediaobject> - </figure> - <figure> - <title>Classes names</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_cn2.png"/> - </imageobject> - </mediaobject> - </figure> + <table> + <title>Skin parameters redefinition for a toolbar</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>additionalBackgroundColor</entry> + <entry>background-color</entry> + </row> + <row> + <entry>tableBorderColor</entry> + <entry>border-bottom-color</entry> + </row> + <row> + <entry>tableBackgroundColor</entry> + <entry>border-top-color</entry> + </row> + <row> + <entry>tableBackgroundColor</entry> + <entry>border-left-color</entry> + </row> - <table id="fileUploadCN"> - <title>Classes names that define a component representation</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Class name</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>rich-fileupload-list-decor</entry> - <entry>Defines styles for a wrapper - <div> element of - a fileUpload</entry> - </row> - <row> - <entry>rich-fileupload-font</entry> - <entry>Defines styles for a font of - buttons and items</entry> - </row> - <row> - <entry>rich-fileupload-toolbar-decor</entry> - <entry>Defines styles for a - toolbar</entry> - </row> - <row> - <entry> rich-fileupload-list-overflow</entry> - <entry>Defines styles for a list of - files</entry> - </row> - </tbody> - </tgroup> - </table> + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for items in the list</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>tableBorderColor</entry> + <entry>border-bottom-color</entry> + </row> + </tbody> + </tgroup> + </table> - <table> - <title>Classes names that define buttons representation</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Class name</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>rich-fileupload-button</entry> - <entry>Defines styles for a - buttons</entry> - </row> - <row> - <entry>rich-fileupload-button-border</entry> - <entry>Defines styles for a border of - buttons</entry> - </row> - <row> - <entry>rich-fileupload-button-light</entry> - <entry>Defines styles for a highlight of - button</entry> - </row> - <row> - <entry>rich-fileupload-button-press</entry> - <entry>Defines styles for a pressed - button</entry> - </row> - <row> - <entry>rich-fileupload-button-dis</entry> - <entry>Defines styles for a disabled - button</entry> - </row> - <row> - <entry>rich-fileupload-button-selection</entry> - <entry>Defines styles for - "Upload", - "Clean" - buttons</entry> - </row> - </tbody> - </tgroup> - </table> + <table> + <title>Skin parameters redefinition for a "Cancel", + "Clear" links</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>generalLinkColor</entry> + <entry>color</entry> + </row> + </tbody> + </tgroup> + </table> - <table> - <title>Classes names that define the representation of the buttons' - icons</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Class name</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>rich-fileupload-ico</entry> - <entry>Defines styles for an - icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-add</entry> - <entry>Defines styles for a - "Add" button - icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-start</entry> - <entry>Defines styles for a - "Upload" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-stop</entry> - <entry>Defines styles for a - "Stop" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-clear</entry> - <entry>Defines styles for a - "Clear" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-add-dis</entry> - <entry>Defines styles for a disabled - "Add" button - icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-start-dis</entry> - <entry>Defines styles for a disabled - "Upload" - button icon</entry> - </row> - <row> - <entry>rich-fileupload-ico-clear-dis</entry> - <entry>Defines styles for a disabled - "Clear" - button icon</entry> - </row> - </tbody> - </tgroup> - </table> + <table> + <title>Skin parameters redefinition for a button</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>trimColor</entry> + <entry>background-color</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for a button border</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>tableBorderColor</entry> + <entry>border-color</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for a highlighted button</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>trimColor</entry> + <entry>background-color</entry> + </row> + <row> + <entry>selectControlColor</entry> + <entry>border-color</entry> + </row> + </tbody> + </tgroup> + </table> - <table> - <title>Classes names that define list items representation</title> - <tgroup cols="2"> - <thead> - <row> - <entry>Class name</entry> - <entry>Description</entry> - </row> - </thead> - <tbody> - <row> - <entry>rich-fileupload-table-td</entry> - <entry>Defines styles for a wrapper - <td> element of - a list items</entry> - </row> - <row> - <entry>rich-fileupload-anc</entry> - <entry>Defines styles for - "Cancel", - "Stop", - "Clear" - links</entry> - </row> - </tbody> - </tgroup> - </table> + <table> + <title>Skin parameters redefinition for a pressed button</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>selectControlColor</entry> + <entry>border-color</entry> + </row> + <row> + <entry>additionalBackgroundColor</entry> + <entry>background-color</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for "Upload", + "Clean" buttons</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>generalTextColor</entry> + <entry>color</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for a disabled "Start" button + icon</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>tableBorderColor</entry> + <entry>color</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for a disabled "Clear" button + icon</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>tableBorderColor</entry> + <entry>color</entry> + </row> + </tbody> + </tgroup> + </table> + </section> - <para>In order to redefine styles for all <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> components on a page using CSS, it's enough to - create classes with the same names (possible classes could be found in - the tables <link linkend="fileUploadCN"> above</link>) and define - necessary properties in them. </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="CSS"><![CDATA[... + <section> + <title>Definition of Custom Style Classes</title> + + <para>The following picture illustrates how CSS classes define styles for component + elements.</para> + <figure> + <title>Classes names</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload_cn.png"/> + </imageobject> + </mediaobject> + </figure> + <figure> + <title>Classes names</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload_cn2.png"/> + </imageobject> + </mediaobject> + </figure> + + <table id="fileUploadCN"> + <title>Classes names that define a component representation</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-fileupload-list-decor</entry> + <entry>Defines styles for a wrapper <div> element of a + fileUpload</entry> + </row> + <row> + <entry>rich-fileupload-font</entry> + <entry>Defines styles for a font of buttons and items</entry> + </row> + <row> + <entry>rich-fileupload-toolbar-decor</entry> + <entry>Defines styles for a toolbar</entry> + </row> + <row> + <entry> rich-fileupload-list-overflow</entry> + <entry>Defines styles for a list of files</entry> + </row> + </tbody> + </tgroup> + </table> + + + <table> + <title>Classes names that define buttons representation</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-fileupload-button</entry> + <entry>Defines styles for a buttons</entry> + </row> + <row> + <entry>rich-fileupload-button-border</entry> + <entry>Defines styles for a border of buttons</entry> + </row> + <row> + <entry>rich-fileupload-button-light</entry> + <entry>Defines styles for a highlight of button</entry> + </row> + <row> + <entry>rich-fileupload-button-press</entry> + <entry>Defines styles for a pressed button</entry> + </row> + <row> + <entry>rich-fileupload-button-dis</entry> + <entry>Defines styles for a disabled button</entry> + </row> + <row> + <entry>rich-fileupload-button-selection</entry> + <entry>Defines styles for "Upload", + "Clean" buttons</entry> + </row> + </tbody> + </tgroup> + </table> + + <table> + <title>Classes names that define the representation of the buttons' icons</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-fileupload-ico</entry> + <entry>Defines styles for an icon</entry> + </row> + <row> + <entry>rich-fileupload-ico-add</entry> + <entry>Defines styles for a "Add" button icon</entry> + </row> + <row> + <entry>rich-fileupload-ico-start</entry> + <entry>Defines styles for a "Upload" button icon</entry> + </row> + <row> + <entry>rich-fileupload-ico-stop</entry> + <entry>Defines styles for a "Stop" button icon</entry> + </row> + <row> + <entry>rich-fileupload-ico-clear</entry> + <entry>Defines styles for a "Clear" button icon</entry> + </row> + <row> + <entry>rich-fileupload-ico-add-dis</entry> + <entry>Defines styles for a disabled "Add" button + icon</entry> + </row> + <row> + <entry>rich-fileupload-ico-start-dis</entry> + <entry>Defines styles for a disabled "Upload" button + icon</entry> + </row> + <row> + <entry>rich-fileupload-ico-clear-dis</entry> + <entry>Defines styles for a disabled "Clear" button + icon</entry> + </row> + </tbody> + </tgroup> + </table> + + <table> + <title>Classes names that define list items representation</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-fileupload-table-td</entry> + <entry>Defines styles for a wrapper <td> element of a list + items</entry> + </row> + <row> + <entry>rich-fileupload-anc</entry> + <entry>Defines styles for "Cancel", + "Stop", "Clear" links</entry> + </row> + </tbody> + </tgroup> + </table> + + + <para>In order to redefine styles for all <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> components on a page using CSS, it's enough to create classes with + the same names (possible classes could be found in the tables <link + linkend="fileUploadCN"> above</link>) and define necessary properties in them. </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... .rich-fileupload-anc{ font-weight:bold; text-decoration:none; } ...]]></programlisting> - <para>This is the result:</para> + <para>This is the result:</para> - <figure> - <title>Redefinition styles with predefined classes</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_pc.png"/> - </imageobject> - </mediaobject> - </figure> + <figure> + <title>Redefinition styles with predefined classes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload_pc.png"/> + </imageobject> + </mediaobject> + </figure> - <para>In the example above the font weight and text decoration for - "Cancel" and "Clear" links are - changed.</para> + <para>In the example above the font weight and text decoration for + "Cancel" and "Clear" links are changed.</para> - <para> Also it's possible to change styles of particular <emphasis - role="bold"> - <property><rich:fileUpload></property> - </emphasis> component. In this case you should create own style - classes and use them in the corresponding <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> - <emphasis> - <property>styleClass</property> - </emphasis> attributes. An example is placed below: </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="CSS"><![CDATA[... + <para> Also it's possible to change styles of particular <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> component. In this case you should create own style classes and use them in + the corresponding <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> + <emphasis> + <property>styleClass</property> + </emphasis> attributes. An example is placed below: </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... .myClass{ font-weight:bold; } ...]]></programlisting> - <para> The <emphasis> - <property>"addButtonClass"</property> - </emphasis> attribute for <emphasis role="bold"> - <property><rich:fileUpload></property> - </emphasis> is defined as it's shown in the example below: </para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[<rich:fileUpload ... addButtonClass="myClass"/> + <para> The <emphasis> + <property>"addButtonClass"</property> + </emphasis> attribute for <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> is defined as it's shown in the example below: </para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="XML"><![CDATA[<rich:fileUpload ... addButtonClass="myClass"/> ]]></programlisting> - <para>This is the result:</para> - <figure> - <title>Redefinition styles with own classes and <emphasis> - <property>styleClass</property> - </emphasis> attributes</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/fileUpload_oc.png"/> - </imageobject> - </mediaobject> - </figure> + <para>This is the result:</para> + <figure> + <title>Redefinition styles with own classes and <emphasis> + <property>styleClass</property> + </emphasis> attributes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/fileUpload_oc.png"/> + </imageobject> + </mediaobject> + </figure> - <para>As it could be seen on the picture above, the font style for - "Add" button is changed.</para> + <para>As it could be seen on the picture above, the font style for "Add" + button is changed.</para> - </section> + </section> - <section> - <title>Relevant Resources Links</title> - <para><ulink - url="http://livedemo.exadel.com/richfaces-demo/richfaces/fileUpload.jsf?c=file..." - >Here</ulink> you can see an example of <emphasis - role="bold"> - <property><rich:fileUpload></property> - </emphasis> usage and sources for the given example. </para> - </section> + <section> + <title>Relevant Resources Links</title> + <para><ulink + url="http://livedemo.exadel.com/richfaces-demo/richfaces/fileUpload.jsf?c=file..." + >Here</ulink> you can see an example of <emphasis role="bold"> + <property><rich:fileUpload></property> + </emphasis> usage and sources for the given example. </para> + </section> </section> -

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11528 - trunk/test-applications/seleniumTest.

by richfaces-svn-commits＠lists.jboss.org

Author: konstantin.mishin Date: 2008-12-03 12:25:50 -0500 (Wed, 03 Dec 2008) New Revision: 11528 Modified: trunk/test-applications/seleniumTest/pom.xml Log: RF-5197 only for test Modified: trunk/test-applications/seleniumTest/pom.xml =================================================================== --- trunk/test-applications/seleniumTest/pom.xml 2008-12-03 17:19:40 UTC (rev 11527) +++ trunk/test-applications/seleniumTest/pom.xml 2008-12-03 17:25:50 UTC (rev 11528) @@ -65,7 +65,7 @@ <snapshots> <enabled>true</enabled> </snapshots> - <id>repository.jboss.org</id> + <id>snapshots.jboss.org</id> <url>http://snapshots.jboss.org/maven2</url> </repository> </repositories>

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11527 - trunk/test-applications/seleniumTest.

by richfaces-svn-commits＠lists.jboss.org

Author: konstantin.mishin Date: 2008-12-03 12:19:40 -0500 (Wed, 03 Dec 2008) New Revision: 11527 Modified: trunk/test-applications/seleniumTest/pom.xml Log: RF-5197 only for test Modified: trunk/test-applications/seleniumTest/pom.xml =================================================================== --- trunk/test-applications/seleniumTest/pom.xml 2008-12-03 17:11:19 UTC (rev 11526) +++ trunk/test-applications/seleniumTest/pom.xml 2008-12-03 17:19:40 UTC (rev 11527) @@ -38,12 +38,11 @@ </releases> </repository> <repository> + <releases /> <snapshots> - <enabled>true</enabled> + <enabled>false</enabled> + <updatePolicy>never</updatePolicy> </snapshots> - <releases> - <enabled>true</enabled> - </releases> <id>maven-repository.dev.java.net</id> <name>Java.net Repository for Maven</name> <url>http://download.java.net/maven/1</url> @@ -51,6 +50,7 @@ </repository> <repository> + <releases /> <snapshots> <enabled>false</enabled> <updatePolicy>never</updatePolicy> @@ -58,6 +58,16 @@ <id>repository.jboss.org</id> <url>http://repository.jboss.org/maven2</url> </repository> + <repository> + <releases> + <enabled>false</enabled> + </releases> + <snapshots> + <enabled>true</enabled> + </snapshots> + <id>repository.jboss.org</id> + <url>http://snapshots.jboss.org/maven2</url> + </repository> </repositories> <build> <plugins>

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11526 - trunk/test-applications/seleniumTest.

by richfaces-svn-commits＠lists.jboss.org

Author: konstantin.mishin Date: 2008-12-03 12:11:19 -0500 (Wed, 03 Dec 2008) New Revision: 11526 Modified: trunk/test-applications/seleniumTest/pom.xml Log: RF-5197 only for test Modified: trunk/test-applications/seleniumTest/pom.xml =================================================================== --- trunk/test-applications/seleniumTest/pom.xml 2008-12-03 16:16:09 UTC (rev 11525) +++ trunk/test-applications/seleniumTest/pom.xml 2008-12-03 17:11:19 UTC (rev 11526) @@ -38,11 +38,12 @@ </releases> </repository> <repository> - <releases /> <snapshots> - <enabled>false</enabled> - <updatePolicy>never</updatePolicy> + <enabled>true</enabled> </snapshots> + <releases> + <enabled>true</enabled> + </releases> <id>maven-repository.dev.java.net</id> <name>Java.net Repository for Maven</name> <url>http://download.java.net/maven/1</url> @@ -50,7 +51,6 @@ </repository> <repository> - <releases /> <snapshots> <enabled>false</enabled> <updatePolicy>never</updatePolicy>

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11525 - trunk/test-applications/facelets/src/main/webapp/DataScroller.

by richfaces-svn-commits＠lists.jboss.org

Author: mvitenkov Date: 2008-12-03 11:16:09 -0500 (Wed, 03 Dec 2008) New Revision: 11525 Modified: trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScrollerProperty.xhtml Log: remove findComponent form page Modified: trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScrollerProperty.xhtml =================================================================== --- trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScrollerProperty.xhtml 2008-12-03 16:15:23 UTC (rev 11524) +++ trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScrollerProperty.xhtml 2008-12-03 16:16:09 UTC (rev 11525) @@ -62,16 +62,5 @@ <h:selectBooleanCheckbox value="#{dataScroller.selfSorted}"> <a4j:support event="onchange" reRender="dataTableId,dsID"></a4j:support> </h:selectBooleanCheckbox> - </h:panelGrid> - <br /> - <br /> - <div style="FONT-WEIGHT: bold;">rich:findComponent</div> - <h:panelGrid columns="2"> - <rich:column> - <a4j:commandLink value="getPage" reRender="findID"></a4j:commandLink> - </rich:column> - <rich:column> - <h:outputText id="findID" value="#{rich:findComponent('dsID').page}" /> - </rich:column> - </h:panelGrid> + </h:panelGrid> </f:subview> \ No newline at end of file

16 years

1
0
0 / 0

JBoss Rich Faces SVN: r11524 - trunk/test-applications/facelets/src/main/webapp/DataScroller.

by richfaces-svn-commits＠lists.jboss.org

Author: mvitenkov Date: 2008-12-03 11:15:23 -0500 (Wed, 03 Dec 2008) New Revision: 11524 Modified: trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScroller.xhtml Log: correction Modified: trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScroller.xhtml =================================================================== --- trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScroller.xhtml 2008-12-03 16:10:46 UTC (rev 11523) +++ trunk/test-applications/facelets/src/main/webapp/DataScroller/DataScroller.xhtml 2008-12-03 16:15:23 UTC (rev 11524) @@ -21,13 +21,13 @@ binding="#{dataScroller.htmlDatascroller}"> </rich:datascroller> </f:facet> - <rich:column sortBy="#{dT.data0}" filterBy="#{dT.data0}" filterEvent="onchange" + <rich:column sortBy="#{dT.str0}" filterBy="#{dT.str0}" filterEvent="onchange" selfSorted="#{dataScroller.selfSorted}" sortOrder="#{dataScroller.sortOrder}" filterValue="#{dataScroller.filterValue}"> - <h:outputText value="#{dT.data0}" /> + <h:outputText value="#{dT.str0}" /> </rich:column> - <rich:column sortBy="#{dT.data1}" filterBy="#{dT.data1}" filterEvent="onchange" + <rich:column sortBy="#{dT.int0}" filterBy="#{dT.int0}" filterEvent="onchange" sortOrder="#{dataScroller.sortOrder}"> - <h:outputText value="#{dT.data1} " /> + <h:outputText value="#{dT.int0} " /> </rich:column> </rich:dataTable> <h:panelGrid id="dataScrollerActionID" columns="1">

16 years

1
0
0 / 0

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007

richfaces-svn-commits December 2008