[richfaces-svn-commits] JBoss Rich Faces SVN: r6170 - trunk/docs/faq/en/src/main/docbook/module.
richfaces-svn-commits at lists.jboss.org
richfaces-svn-commits at lists.jboss.org
Tue Feb 19 10:09:26 EST 2008
Author: artdaw
Date: 2008-02-19 10:09:26 -0500 (Tue, 19 Feb 2008)
New Revision: 6170
Modified:
trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml
Log:
http://jira.jboss.com/jira/browse/RF-2153 - Section 'How to save the state of simpleTogglePanel or panelMenu?' added
Modified: trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml
===================================================================
--- trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml 2008-02-19 14:43:42 UTC (rev 6169)
+++ trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml 2008-02-19 15:09:26 UTC (rev 6170)
@@ -1455,13 +1455,104 @@
>here</ulink>.</para>
</section> -->
+ <!--section id="ScrollableDataTableDragAndDrop">
+ <?dbhtml filename="ScrollableDataTableDragAndDrop.html"?>
+ <title>How to select several rows in a scrollableDataTable and perform Drag-and-Drop of several rows on dataTable?</title>
+ <para>
+ How to get row selection in scrollableDataTable using <property>one and multi-selection rows mode</property>
+ you could see section <ulink url="RFCfaq.html#ScrollableDataTableDragAndDrop">above</ulink>.
+ </para>
+ <para>
+ In the following example when user submit
+ </para>
+ </section-->
+ <section id="SimpleTogglePanelPanelMenuState">
+ <?dbhtml filename="SimpleTogglePanelPanelMenuState.html"?>
+ <title>How to save the state of simpleTogglePanel or panelMenu?</title>
+ <para>
+ In order to save the state (exapnd/collapse) of the <emphasis role="bold"><property><rich:simpleTogglePanel></property></emphasis> component
+ you could use <emphasis><property>"opened"</property></emphasis> attribute responsible for keeping a panel state
+ and <emphasis role="bold"><property><a4j:support></property></emphasis> binded to <property>onexpand</property> and <property>oncollapse</property> events.
+ </para>
+ <para>
+ In the following example when you click on the toggle icon simpleTogglePanel arrears and current state displays on modal panel.
+ This state is remembered between page views.
+ </para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+<programlisting role="XML"><![CDATA[...
+<rich:simpleTogglePanel id="stpIncludeID" switchType="ajax" width="600px" opened="#{simpleTogglePanel.state}" >
+ <a4j:support event="onexpand" actionListener="#{simpleTogglePanel.stateTrue}" reRender="repeater" oncomplete="javascript:Richfaces.showModalPanel('panel');"/>
+ <a4j:support event="oncollapse" actionListener="#{simpleTogglePanel.stateFalse}" reRender="repeater" oncomplete="javascript:Richfaces.showModalPanel('panel')"/>
+ <h:panelGrid columns="2" border="0">
+ <h:graphicImage url="/pics/Canon.jpg" alt="" width="100px" height="100px"/>
+ <h:panelGroup>
+ <h:outputText style="font: 18px;font-weight: bold;" value="Canon EOS Digital Rebel XT"/>
+ <f:verbatim>
+ <br />
+ 8.2 Megapixels - SLR / Large Digital Camera - 1.8 in LCD Screen -
+ Storage: Compact Flash, Compact Flash Type II - Built In Flash
+ </f:verbatim>
+ </h:panelGroup>
+ </h:panelGrid>
+</rich:simpleTogglePanel>
+
+<rich:modalPanel id="panel" width="200" height="100">
+ <f:facet name="header">
+ <h:outputText value="States of simpleTogglePanel"/>
+ </f:facet>
+ <f:facet name="controls">
+ <span style="cursor:pointer" onclick="javascript:Richfaces.hideModalPanel('panel')">X</span>
+ </f:facet>
+ <h:outputText value="Expanded: " style="font-weight:bold;"/>
+ <h:outputText value="#{simpleTogglePanel.state}" id="repeater" />
+</rich:modalPanel>
+...]]></programlisting>
+ <para>
+ In order to build this application, you can create a managed bean like this one.
+ </para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="XML"><![CDATA[...
+public class SimpleTogglePanel {
+
+ private boolean state = false;
+
+ public boolean isState() {
+ return state;
+ }
+ public void setState(boolean state) {
+ this.state = state;
+ }
+
+
+ public boolean gState() {
+ return state;
+ }
+
+ public void stateTrue(ActionEvent event) {
+ this.state = true;
+ }
+ public void stateFalse(ActionEvent event) {
+ this.state = false;
+ }
+}
+...]]></programlisting>
+ </section>
+
+
<section id="RowSelectionInDataTable">
<?dbhtml filename="HighlightRowDataTable.html"?>
<title>How to highlight rows in a dataTable when the mouse is over?</title>
- <para>In order to highlight rows in a dataTable when the mouse is over you should use <emphasis><property>"onmouseover"</property></emphasis> and <emphasis><property>"onmouseout"</property></emphasis> attributes. </para>
<para>
+ In order to highlight rows in a dataTable when the mouse is over you should use
+ <emphasis><property>"onmouseover"</property></emphasis> and <emphasis><property>"onmouseout"</property></emphasis> attributes.
+ </para>
+ <para>
<emphasis role="bold">Example:</emphasis>
</para>
<programlisting role="XML"><![CDATA[...
More information about the richfaces-svn-commits
mailing list