[richfaces-svn-commits] JBoss Rich Faces SVN: r6153 - trunk/docs/faq/en/src/main/docbook/module.

[richfaces-svn-commits at lists.jboss.org]

Author: cluts
Date: 2008-02-19 05:25:01 -0500 (Tue, 19 Feb 2008)
New Revision: 6153

Modified:
   trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml
Log:
http://jira.jboss.com/jira/browse/RF-2147 - How to select one row of a dataTable by clicking on it, even if clicked in an inputText of this row

Modified: trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml
===================================================================
--- trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml	2008-02-19 00:31:04 UTC (rev 6152)
+++ trunk/docs/faq/en/src/main/docbook/module/RFCfaq.xml	2008-02-19 10:25:01 UTC (rev 6153)
@@ -1460,7 +1460,7 @@
         <section id="RowSelectionInDataTable">
                 <?dbhtml filename="HighlightRowDataTable.html"?>
                 <title>How to highlight rows in a dataTable when the mouse is over?</title>
-                <para>In order <property>to highlight rows in a dataTable when the mouse is over</property> 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>
@@ -1553,4 +1553,42 @@
                 
         </section>
         
+        <section id="OneRowSelectionInDataTable">
+                <?dbhtml filename="HighlightRowDataTable.html"?>
+                <title>How to select one row of a dataTable by clicking on it, even if clicked in an inputText of this row?</title>
+                <para>In order  to select one row of a dataTable by clicking on it you could use JavaScript function described below. </para>
+                <para>
+                        <emphasis role="bold">Example:</emphasis>
+                </para>
+                <programlisting role="XML"><![CDATA[...
+<script type="text/javascript">
+        var oldRow;
+        function changeColor(row)
+        {
+                if (oldRow!=undefined)
+                        {
+	oldRow.style.backgroundColor='#ffffff';
+                        } 
+                row.style.backgroundColor='#ffff00'; 
+                oldRow=row;
+        }
+</script>                  
+...]]></programlisting>
+                <para>Then you could use <emphasis role="bold"><property>a4j:support</property></emphasis> with <emphasis><property>&quot;event&quot;</property></emphasis> and <emphasis><property>&quot;onsubmit&quot;</property></emphasis> attributes.</para>
+                <para>
+                        <emphasis role="bold">Example:</emphasis>
+                </para>
+                <programlisting role="XML"><![CDATA[...
+<h:form>
+        <rich:dataTable cellpadding="0" cellspacing="0" 
+                                     width="700" border="0" var="record" value="#{report.expReport.records}">
+                <a4j:support event="onRowClick" onsubmit="changeColor(this)" ajaxSingle="true">
+                                <f:param name="currentRow" value="#{record.city}"/>
+                </a4j:support>
+               ...
+        </rich:dataTable>
+</h:form>    
+...]]></programlisting>                
+        </section>       
+        
 </chapter>